如今 Nodejs 基本上是前端工程師電腦中必裝的一款軟件了。即便對 Nodejs 開發瞭解甚少,可是在其餘開發中也會須要使用 Nodejs 中自帶的 npm 來安裝項目依賴。所以,學習安裝 Nodejs 也是前端須要掌握的一項技能了。前端
Nodejs 的版本升級很是快,截止到如今 LTS 版本已經更新到 8.9.3
了,而最新的版本是 9.3.0
。所以,不少時候想在本身電腦中安裝多個版本的 Nodejs,一方面可使用最新的特性,另外一方面,在開發的時候使用穩定版原本開發。爲了知足上面的需求,能夠在本地電腦中安裝 nvm 來解決這個問題。node
nvm 的全稱是 Node.js Version Manager,翻譯成中文就是 Nodejs 版本管理工具。經過 nvm 來管理不一樣的 Nodejs 版本是一個不錯的選擇。若是須要獲取 nvm,能夠經過 nvm 官網 來獲取。git
若是在本身電腦中不須要安裝多個版本的 Nodejs,也能夠在 Nodejs 官方網站 中下載對應的軟件進行安裝。github
在 MAC 中安裝 nvm,最好的方式就是經過 brew 來安裝 nvm。npm
$ brew install nvm
經過上面的命令安裝完成以後,在終端中使用 nvm
命令,會發現該命令沒法使用。windows
$ nvm zsh: command not found: nvm
出現這種問題的緣由是沒有設置環境變量。在設置環境變量的時候必定要使用超級管理員權限,也就是使用 sudo
來配置環境變量。緩存
$ sudo vi /etc/profile
經過上面的命令打開配置文件以後,在文件的最後插入下面的代碼 :bash
# 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
開始的時候,要準備安裝包。安裝包能夠在 nvm官網 中得到 nvm-noinstall.zip。
獲取安裝包以後,解壓壓縮包到一個目錄中 :
個人解壓目錄:D:\install\nvm
下面全部的內容都是根據這個目錄作的配置。
在該目錄下建立一個 setting.txt 文件,並根據目錄生成下面的內容 :
root: D:\install\nvm path: D:\install\nodejs arch: 64 proxy: none
對參數的說明 :
root
nvm.exe 所在的目錄path
Node.js 快捷方式所在的目錄arch
操做系統是多少位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 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 切換安裝源,可使用 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,可使用 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 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] |