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 |