Nodejs-如今安裝你

安裝 Nodejs

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

安裝 nvm

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

在 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

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]
相關文章
相關標籤/搜索