`
hongtoushizi
  • 浏览: 371261 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Node.js 安裝與版本切換教學 (for MAC)

阅读更多

转载自: http://icarus4.logdown.com/posts/175092-nodejs-installation-guide

前言

安裝 Node.js(以下直接以node稱呼)有很多種方式。不過由於node更新非常快速,開發過程很有可能會有切換node版本的需求,因此強烈建議不要使用MAC上常用的Homebrew 安裝node,而是使用 nvm ( Node Version Manager )這個tool來安裝並管理node。不過我們還是需要用Homebrew來管理nvm,所以推薦的安裝流程如下:

  1. 使用Homebrew安裝nvm
  2. 使用nvm安裝Node.js
  3. 使用nvm無痛切換Node.js版本

這篇文章針對上述流程做一個簡單的介紹

使用Homebrew安裝nvm

Homebrew基本上已經是MAC user必備的tool了,還沒裝的人強烈建議趕快裝上它吧!網路上教學很多,這邊就不再多介紹了。

首先先用$ brew install nvm安裝nvm:

$ brew install nvm
==> Downloading https://github.com/creationix/nvm/archive/v0.2.0.tar.gz
######################################################################## 100.0%

==> Caveats
Add the following to $HOME/.bashrc, $HOME/.zshrc, or your shell's equivalent configuration file:

  source $(brew --prefix nvm)/nvm.sh

Type `nvm help` for further information.
==> Summary
  /usr/local/Cellar/nvm/0.2.0: 3 files, 24K, built in 5 seconds

安裝完後,為了讓你可以直接在shell使用nvm指令,必須在你的 .bash_profile 加入以下這行(習慣把設定放在.bashrc的人可以把以下的.bash_profile改成.bashrc)

source $(brew --prefix nvm)/nvm.sh

或者直接輸入以下這行來加入

$ echo "source $(brew --prefix nvm)/nvm.sh" >> .bash_profile

記得重新source你的 .bash_profile 來讓設定生效

$ . ~/.bash_profile

OK,以上就完成了nvm的安裝,簡單吧!

使用nvm安裝Node.js

安裝完了nvm,接著安裝主角node。先用$ nvm ls-remote指令看一下有哪些版本可以安裝:

$ nvm ls-remote
      .
      .
      .
  v0.10.20
  v0.10.21
  v0.10.22
  v0.10.23
  v0.10.24
   v0.11.0
   v0.11.1
   v0.11.2
   v0.11.3
   v0.11.4
   v0.11.5
   v0.11.6
   v0.11.7
   v0.11.8
   v0.11.9
  v0.11.10

真夭壽多啊..果然是正在火速成長中的技術!

直接用$ nvm install <version>指令安裝官網上建議的版本:

$ nvm install v0.10.24
######################################################################## 100.0%

Now using node v0.10.24

也同時安裝最新版來測試nvm的版本管理功能:

$ nvm install v0.11.10
######################################################################## 100.0%

Now using node v0.11.10

使用nvm無痛切換Node.js版本

在介紹使用nvm切換版本前,先簡單說明nvm的工作原理。

nvm會把各個版本的node安裝在/usr/local/opt/nvm底下。我們可以看看該目錄底下放了哪些東西:

$ ls /usr/local/opt/nvm
INSTALL_RECEIPT.json  LICENSE.md  alias  bin  nvm.sh  v0.10.24  v0.11.10

我們可以發現透過nvm安裝這兩個版本,事實上會在nvm目錄下另外建立了v0.10.24以及v0.11.10兩個目錄來分別存放node的binary檔。又nvm會在你的$PATH最前面安插指定版本的目錄,透過這個方式你在使用node指令時就會用指定的版本來運作了。

實際確認PATH的值看看:

$ echo $PATH
/usr/local/opt/nvm/v0.11.10/bin: ...

nvm的用法非常的簡單。我們可以另外用$ nvm ls指令確認nvm目前可以管理的版本有哪些:

$ nvm ls

  v0.10.24
  v0.11.10
current:    v0.11.10

由於透過nvm安裝node,會自動把最後安裝的版本設為目前使用中的版本,因此上述指令會看到current: v0.11.10,表示我們目前正在使用v0.11.10

我們可以用$ nvm use <version>切換版本:

$ nvm use v0.10.24
Now using node v0.10.24

也可以偷懶一點,不用打完整的版號:

$ nvm use 0.10
Now using node v0.10.24

切換成別的版本看看:

$ nvm use 0.11
Now using node v0.11.10

夠簡單吧!

不過問題來了,如果你另外開一個shell視窗,並輸入nvm,會發現current version是空的:

$ nvm ls

  v0.10.24
  v0.11.10
current: 

這是因為利用nvm use指令只會在當前的shell生效,當你開了新的shell就會發現$PATH的值已經不包含剛才設定的node目錄了。要解決這個問題就是利用$ nvm alias default <version>來設定一個預設的node版本:

$ nvm alias default 0.10
default -> 0.10 (-> v0.10.24)

此時再打開另一個shell視窗,就可以直接使用你所設定的node版本了。

實際跑跑看Node.js

我們直接拿官網的例子來試試看
先產生一個example.js的檔案:

$ touch example.js

內容如下

http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

執行看看

$ node example.js
Server running at http://127.0.0.1:1337/

打開瀏覽器,輸入http://127.0.0.1:1337,如果看到 "Hello Word" 就代表成功了

 

分享到:
评论

相关推荐

    Node.js入门教程.pdf

    使用 nvm 工具也可以安装 Node.js,nvm 是一个 Node.js 版本管理工具,允许我们快速切换 Node.js 的版本。 Lesson 2: 了解并使用 Http 模块 Http 模块是 Node.js 的一个核心模块,用于处理 HTTP 请求。Http 模块...

    Node.js安装与配置环境(最新)

    3. 验证:安装完成后,打开命令行工具(Windows下的CMD或PowerShell,Mac/Linux下的终端),输入`node -v`检查Node.js版本,输入`npm -v`检查npm(Node.js的包管理器)版本,如果能正确显示版本号,说明安装成功。...

    node-v16.18.1-x64.msi

    标题中的“node-v16.18.1-x64.msi”指的是Node.js的安装程序,这是一个针对64位Windows系统的版本。Node.js是一款基于Chrome V8引擎的JavaScript运行环境,它允许开发者在服务器端运行JavaScript代码,极大地扩展了...

    node 版本管理工具 实现vue2与vue3切换开发

    **NVM(Node Version Manager)** 是一个跨平台的脚本,用于安装、卸载、切换和管理多个Node.js版本。它使得开发者能够在同一台计算机上安装和使用不同版本的Node.js,而不会产生冲突。这对于那些需要维护多个项目,...

    NVM安装简介(Node.js) x64

    在开发环境中,我们经常需要在不同的项目之间切换 Node.js 版本,NVM 正是为此目的而设计的。它允许你在同一台计算机上安装并轻松切换多个 Node.js 实例,无需重新安装或卸载。 NVM 支持 **x64** 架构,这意味着它...

    node-v12.18.0.rar

    本文将重点探讨Node.js v12.18.0这一特定版本,及其在Windows、Mac操作系统上的安装与应用。 一、Node.js v12.18.0特性解析 Node.js v12.18.0是LTS(长期支持)版本,这意味着它将获得更长时间的安全更新和技术支持...

    使用安装的nvm来安装node各版本v9.6.1

    使用 NVM 安装 Node.js 各版本(v9.6.1 为例) Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,使用非常广泛。为了安装 Node.js 各版本,我们可以使用 NVM(Node Version Manager),下面我们将详细介绍...

    安装node_mac安装node_

    在Mac系统上安装Node.js是开发JavaScript后端或前端应用必不可少的步骤。Node.js是一个开源、跨平台的JavaScript运行环境,它允许开发者在服务器端执行JavaScript代码,极大地扩展了JavaScript的应用场景。本教程将...

    【JavaScript源代码】Node快速切换版本、版本回退(降级)、版本更新(升级).docx

    `n`是一个轻量级的Node.js版本管理工具,它允许用户轻松安装、切换和卸载Node.js的不同版本。下面我们将详细介绍如何使用`n`来进行这些操作: ##### 安装`n` 1. **全局安装**:首先需要通过npm全局安装`n`模块。 ...

    windos7支持的nodejs版本

    4. **版本管理**:Windows 7上管理多个Node.js版本可以借助工具如`nvm-windows`(Node Version Manager for Windows),它允许用户在不同项目间切换不同的Node.js版本。 5. **安全更新**:尽管Windows 7已经停止了...

    node.js版本管理工具n无效的原理和解决方法

    首先,`n`是一个非常实用的工具,由知名开发者TJ Holowaychuk创建,它允许用户方便地安装、切换和管理Node.js的不同版本。通过`npm`(Node Package Manager)可以轻松地安装`n`: ```bash $ npm install -g n ``` ...

    node-v18.14.0-darwin-x64.tar.gz

    标题中的"node-v18.14.0-darwin-x64.tar.gz"是Node.js的一个特定版本的发行包,其中包含了适用于Mac OS(Darwin操作系统)64位系统的可执行文件和其他相关文件。"tar.gz"是一种常见的文件打包和压缩格式,它首先使用...

    详解如何使用nvm管理Node.js多版本

    nvm是一个便捷的命令行工具,允许用户在不同的项目中灵活地安装和切换不同版本的Node.js,避免了因项目需求不同而频繁地手动安装和卸载。以下是关于nvm和Node.js多版本管理的详细步骤和知识点。 **安装nvm:** 1. ...

    Mac下通过brew安装指定版本的nodejs教程

    本文将详细介绍如何使用Homebrew来安装指定版本的Node.js,因为默认安装的Node.js可能是最新版本,而某些项目可能需要特定版本的Node.js才能正确运行。 首先,确保你的Mac已经安装了Homebrew。如果没有,可以在终端...

    javascript环境安装 javascript下载安装.docx

    ### JavaScript 环境安装与配置详解 #### 一、JavaScript 环境概述 JavaScript是一种广泛使用的脚本语言,不仅适用于浏览器端的前端开发,还可以通过Node.js实现在服务器端的应用。为了能够运行和开发JavaScript...

    Node安装文件及操作说明文档

    安装nvm后,可以轻松切换或安装不同版本的Node.js。 以上就是Node.js的安装与基本开发环境配置,希望对你有所帮助。通过不断学习和实践,你可以利用Node.js构建高效的Web应用和服务。在实际开发中,还需要了解更多...

Global site tag (gtag.js) - Google Analytics