Nodejs-如今安裝你

安裝 Nodejs

如今 Nodejs 基本上是前端工程師電腦中必裝的一款軟件了。即便對 Nodejs 開發瞭解甚少，可是在其餘開發中也會須要使用 Nodejs 中自帶的 npm 來安裝項目依賴。所以，學習安裝 Nodejs 也是前端須要掌握的一項技能了。

安裝 nvm

Nodejs 的版本升級很是快，截止到如今 LTS 版本已經更新到 8.9.3 了，而最新的版本是 9.3.0。所以，不少時候想在本身電腦中安裝多個版本的 Nodejs，一方面可使用最新的特性，另外一方面，在開發的時候使用穩定版原本開發。爲了知足上面的需求，能夠在本地電腦中安裝 nvm 來解決這個問題。

nvm 的全稱是 Node.js Version Manager，翻譯成中文就是 Nodejs 版本管理工具。經過 nvm 來管理不一樣的 Nodejs 版本是一個不錯的選擇。若是須要獲取 nvm，能夠經過 nvm 官網 來獲取。

若是在本身電腦中不須要安裝多個版本的 Nodejs，也能夠在 Nodejs 官方網站 中下載對應的軟件進行安裝。

MAC 中安裝 nvm

在 MAC 中安裝 nvm，最好的方式就是經過 brew 來安裝 nvm。

$ brew install nvm

經過上面的命令安裝完成以後，在終端中使用 nvm 命令，會發現該命令沒法使用。

$ nvm

zsh: command not found: nvm

出現這種問題的緣由是沒有設置環境變量。在設置環境變量的時候必定要使用超級管理員權限，也就是使用 sudo 來配置環境變量。

$ sudo vi /etc/profile

經過上面的命令打開配置文件以後，在文件的最後插入下面的代碼 :

# For NVM
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

上面是使用 vi 來進行文件的編輯操做，vi 的保存命令是 :wq。但是使用該命令，沒法保存，會出現提示說這個文件是隻讀的，沒法進行編輯。這個時候就要使用強制保存了。

:wq!

環境變量完成修改以後，須要更新一下配置文件，這樣才能使配置文件生效。

# 更新配置文件
$ source /etc/profile

全部的配置都已經設置好了，這個時候再終端中輸入 nvm 命令就能夠正常使用了。

$ nvm --version
0.33.6

此時須要安裝一個 Node.js 的版本 :

$ nvm install v8.9.0

Windows 中安裝 nvm

開始的時候，要準備安裝包。安裝包能夠在 nvm官網 中得到 nvm-noinstall.zip。

獲取安裝包以後，解壓壓縮包到一個目錄中 :

個人解壓目錄：D:\install\nvm

下面全部的內容都是根據這個目錄作的配置。

在該目錄下建立一個 setting.txt 文件，並根據目錄生成下面的內容 :

root: D:\install\nvm
path: D:\install\nodejs
arch: 64
proxy: none

對參數的說明 :

1. root nvm.exe 所在的目錄
2. path Node.js 快捷方式所在的目錄
3. arch 操做系統是多少位
4. proxy 設置代理，none爲不設置代理

爲了使 nvm 命令生效，須要配置環境變量，首先建立環境變量 :

NVM_HOME       nvm.exe 所在的目錄  D:\install\nvm
NVM_SYMLINK    Node.js 快捷方式所在的目錄  D:\install\nodejs

環境變量建立完成以後，就要把環境變量加入到 Path 中，這樣才能生效 :

;%NVM_HOME%;%NVM_SYMLINK%;

nvm 安裝完成以後，就能夠安裝 Node.js 了 :

$ nvm install v8.9.0

若是想更改 npm 包的安裝路徑，能夠修改 .npmrc 文件。

.npmrc 文件的路徑能夠經過打印該配置文件的信息來獲取 :

# 打印 .npmrc 的內容，能夠在這個內容中查看到配置文件的路徑
$ npm config ls -l

修改 npm 包的安裝路徑(prefix)和包緩存的路徑(cache)，根據當前 nvm 安裝目錄，修改以下 :

cache=D:\install\nvm\npm-cache
prefix=D:\install\nvm\npm

修改完成以後，一樣樣配置環境變量，才能使配置生效 :

NPM_HOME  # npm包的安裝路徑  D:\install\nvm\npm
%NPM_HOME% # 在 Path 中插入新的環境變量

nvm 的使用

命令	說明
nvm ls	查看本地安裝的全部 Node.js 的版本
nvm --version	查看 nvm 的版本
nvm install <version>	安裝對應版本的 Node.js，如 nvm install 5.7.0
nvm uninstall <version>	卸載對應版本的 Node.js，如 nvm uninstall 5.7.0
nvm use <version>	使用指定版本的 Node.js，如 nvm use 5.7.0

nrm切換npm安裝源

若是不肯使用 nrm 切換安裝源，可使用 yarn 來代替

在國內，使用 npm 安裝包的時候，網速通常很是慢。若是想讓網速快點，可使用 nrm 來切換包的安裝源地址來解決。

首先須要全局安裝 nrm :

$ npm install nrm -g

nrm 的使用方式 :

命令	說明
nrm ls	列出全部的安裝源
nrm test	測試全部安裝源的響應時間，通常時間越短越好
nrm use taobao	使用名字爲 taobao 的安裝源

補充 : 若是不能正常安裝，能夠手動指定使用淘寶源

$ npm install -g nrm --registry=https://registry.npm.taobao.org

安裝yarn

若是不肯安裝 yarn，可使用 nrm 來代替。

---

在 MAC 中安裝 yarn，能夠直接使用命令 :

$ brew install yarn --without-node

在 Windows 中安裝 yarn，能夠下載 安裝包 以後，一直點擊下一步。

安裝完成以後，能夠查看 yarn 的版本號 :

$ yarn -v
1.2.1

---

MAC 後續升級很是方便，只須要使用命令便可 :

$ brew upgrade yarn

Windows 升級，可能就須要從新下載安裝包了。

npm與yarn命令對比

npm 命令和 yarn 命令仍是有不少區別的，這裏只列出經常使用的幾個命令 :

npm	yarn
npm install	yarn install
npm install --save [package]	yarn add [package]
npm install --save-dev [package]	yarn add [package] [--dev/-D]
npm install --global [package]	yarn global add [package]
npm uninstall --save [package]	yarn remove [package]
npm uninstall --save-dev [package]	yarn remove [package]