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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM