1. 程式人生 > 其它 >npm、yarn安裝及配置

npm、yarn安裝及配置

1、nodejs下載安裝

​ 1.1、使用nodejs版本管理工具下載安裝,可一鍵安裝、切換不同nodejs版本,詳見https://www.cnblogs.com/gaozejie/p/10689742.html

​ 1.2、 直接官網下載安裝https://nodejs.org/zh-cn/,建議下載長期支援版本。

​ 上面兩種方式選其一即可,安裝後CMD執行 node -v 檢視node版本號

2、npm配置

​ node.js安裝後會自動安裝npm,CMD中執行 npm -v 檢視npm的版本號。

​ npm安裝模組時,會預設安裝到C盤的C:\Users\使用者名稱\AppData\Roaming\npm,長期使用容易佔用C盤空間,所以建議將全域性模組安裝目錄和快取目錄放到其它磁碟。當然不配置也完全沒問題,可以直接跳過。

2.1 配置

​ 在node.js安裝目錄下新建兩個資料夾 node_global和node_cache

​ 然後在cmd命令下執行如下兩個命令:

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

​ 配置環境變數:“環境變數” -> “系統變數”:新建一個變數名為 “NODE_PATH”, 值為“D:\Program Files\nodejs\node_global\node_modules\”

​ “環境變數” -> “使用者變數”:編輯使用者變數裡的Path,將相應npm的路徑(“C:\Users\使用者名稱\AppData\Roaming\npm”)改為:“D:\Program Files\nodejs\node_global

​ 注意以上變數都改為你自己的目錄。

2.2、更換映象

​ 預設npm使用的是國外映象,下載速度可能會比較慢,建議切換為淘寶映象。也可以使用映象管理工具進行一鍵切換,詳見https://www.cnblogs.com/gaozejie/p/10694834.html

​ 在cmd視窗輸入以下命令

npm config set registry https://registry.npm.taobao.org/

​ 檢視映象

npm config get registry

3、yarn安裝及配置

3.1 安裝

​ 本次使用npm進行安裝

npm install -g yarn

​ 安裝完後使用yarn -v可檢視版本號

3.2 配置

​ 修改配置的目的同2,也可以不配置。

​ 新建兩個資料夾 yarn_global和yarn_cache

yarn config set global-folder "D:\Program Files\nodejs\yarn_global"
yarn config set cache-folder "D:\Program Files\nodejs\yarn_cache"

4、常用命令對比

npm yarn
npm install yarn
npm install react --save yarn add react
npm uninstall react --save yarn remove react
npm install react --save-dev yarn add react --dev
npm update --save yarn upgrade