NodeJS+npm+yarn安裝步驟---轉載

1、nodejs安裝和使用

(1)nodejs下載和安裝

一、下載

打開官網下載連接: https://nodejs.org/javascript

我是在5月13號下載的nodejs,當時的穩定版是v8.11.1(2018.3.29發佈的穩定版 ), 最新版是 v10.1.0(Current) (2018.5.8發佈的)。java

我選擇穩定版進行下載。以下圖:node

 

nodejs穩定版下載npm

若是你是其餘系統,能夠選擇下方的Other Downloads選擇你想要的版本進行下載。或者直接打開網頁https://nodejs.org/en/download/進行下載。windows

 

下載其它版本緩存

二、安裝

下載完成後,雙擊node-v8.11.1-x64.msi,開始安裝Node.js,中間有一個提示選擇本地安裝路徑的(我安裝的本地路徑爲:E:\develop\nodejs\),其它步驟一直next,一直到安裝完成。Node.js會默認添加到環境變量。app

(2)查看nodejs版本號

輸入node -v,或者node --version,便可查看nodejs版本。如圖所示:url

 

查看nodejs版本號spa

查看npm最新版本號,使用npm view node version,如圖所示:命令行

 

查看nodejs最新版本

(3)其它配置

【Tips】若是我但願 將全局模塊所在路徑和緩存路徑放在我node.js安裝的文件夾 中,具體步驟以下:

1.首先在我安裝的文件夾E:\develop\nodejs下建立兩個文件夾node_globalnode_cache,以下圖:

 

配置nodejs

2.想設置全局模塊的存放路徑和cache路徑。經過如下命令,把nodejs安裝的全局模塊轉移到nodejs安裝路徑內:

npm config set prefix "E:\develop\nodejs\node_global"
npm config set cache "E:\develop\nodejs\node_cache"

如圖所示:

 

配置nodejs安裝模塊在nodejs安裝路徑內

3.在環境變量裏面的系統變量新建NODE_PATH。(這一步至關關鍵)

點擊個人電腦(計算機) --> 右鍵選擇屬性 --> 高級系統設置 --> 高級 --> 環境變量。在系統變量裏新建NODE_PATH,輸入E:\develop\nodejs\node_global\node_modules

 

新增NODE_PATH環境變量

4.修改環境變量裏面的用戶變量裏面的PATH

PATH變量中,咱們在末尾加入;E:\develop\nodejs\node_global\。 若是有衝突,建議把PATH裏面的設置的nodejs環境變量配置去掉。

 

修改path環境變量


2、npm

nodejs自帶npm,因此不須要單獨下載npm了。

(1)查看npm安裝路徑

使用命令where npm便可。便可知道npm在電腦上的安裝路徑。以下圖:

 

查看npm安裝路徑

(2)查看npm版本號

查看npm版本,輸入npm -v,或者 npm --version, 查看npm版本。如圖所示:

 

查看npm版本號

查看npm最新版本號,使用npm view npm version,如圖所示:

 

查看npm最新版本

能夠經過命令行npm -l找到這二者的描述,以下圖所示:

 

查看npm版本號的兩種方式的區別

具體的完整的各個版本號信息,能夠去淘寶npm鏡像:https://npm.taobao.org/mirrors/npm/

(3)升級npm

  • 1.若是想升級npm,輸入npm install npm@latest -g。這裏的latest表示最新版本。
  • 2.你也可使用具體的版本號,例如咱們輸入命令:npm install npm@6.10.0 -g表示下載6.10.0這個版本的npm。關於查看各個版本號的網址上文有講解,這裏就不重複了。

(4)加快npm啓動速度(3種方式)

  • 1.使用如下命令:npm config set registry=http://registry.npm.taobao.org/
  • 2.使用全局設置的命令:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
  • 3.找到node.js的安裝目錄,進入nodejs\node_modules\npm找到文件npmrc,打開後在該文件末尾加上這一行registry = https://registry.npm.taobao.org

3、yarn

(1)yarn下載和安裝

安裝的兩種方式:

方式1:使用msi安裝:

首先進入yarn的官網 https://yarnpkg.com/zh-hans/docs/install#windows-stable,而後選擇穩定版進行下載。而後雙擊安裝便可。我電腦裏面其實已經經過msi文件安裝了一個yarn,路徑爲:E:\develop\yarn1.7.0\

方式2:經過npm命令進行安裝:

執行命令npm install yarn -g (後面的可選參數-g,g表明global全局安裝的意思)的安裝語句時,會將安裝的模塊安裝到C:\Users\Administrator\AppData\Roaming\npm路徑中。

(2)查看安裝路徑

若是不知道路徑,可使用where yarn命令查看電腦yarn的安裝路徑,能夠看到個人安裝路徑爲:E:\develop\yarn1.7.0\

 

查看yarn的安裝路徑

(3)查看yarn版本號

執行 yarn -v 或者yarn --version ,查看安裝的yarn版本號,好比個人版本號是1.7.0

 

查看yarn的版本號

(4)升級yarn

1.若是經過msi安裝的,能夠卸載舊版本的yarn,而後官網下載新版的yarn進行安裝。下載地址請看上文介紹。

【注意】經過msi安裝的yarn並不會覆蓋經過npm安裝的yarn,二者同時存在。安裝和卸載,都分開的。

2.命令行直接安裝(命令資料參考自官網,不清楚有沒有錯誤)

升級方式

命令

命令示範

含義

npm命令升級

npm install 包名稱@版本號 -g

npm install yarn@1.7.0 -g

加上版本號全局安裝升級

npm命令升級

npm install 包名稱@latest -g

npm install yarn@latest -g

加latest全局安裝升級

yarn命令升級

yarn upgrade 包名稱

yarn upgrade yarn

直接安裝升級

yarn命令升級

yarn upgrade 包名稱@版本號

yarn upgrade yarn@1.7.0 -g

加上版本號安裝升級

yarn命令升級

yarn upgrade –latest 包名稱

yarn upgrade –latest yarn

加latest安裝升級

(5)加快yarn啓動速度,使用全局設置的命令:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

4、npm和yarn安裝庫的命令

npm和yarn安裝庫的命令圖解以下表所示:

 

npm和yarn安裝庫的命令圖解


5、安裝路徑

各命令以及安裝路徑以下表所示:

 

安裝路徑

  • -g是能夠全局複用的,若是使用npm命令,推薦在命令末尾加上-g這個比較好。
  • yarn add命令比較簡潔,推薦使用。

 

 

若是公司有設置代理,請設置         npm config set proxy=http://127.0.0.1:8087    ip和端口換一下.

相關文章
相關標籤/搜索