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 |