最佳實踐教程:nvm安裝詳細教程(安裝nvm、node、npm、cnpm、yarn及環境變數配置)

播种者發表於2024-07-03

一、安裝nvm
1. 下載nvm
點選 網盤下載 進行下載

2、雙擊下載好的 nvm-1.1.12-setup.zip 檔案


3.雙擊 nvm-setup.exe 開始安裝


4. 選擇我接受,然後點選next


5.選擇nvm安裝路徑,路徑名稱不要有空格,然後點選next


6.node.js安裝路徑,然後點選next


7.點選Install


8.點選Finish,完成安裝


二、nvm修改映象源
win + R ,輸入cmd ,回車後,在命令列輸入nvm root 命令,可以檢視nvm的安裝根路徑在那個資料夾


在檔案管理器位址列輸入root地址,找到setting.txt檔案並開啟


複製貼上以下程式碼,如圖所示。儲存完成nvm源修改。
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/


三、nvm常用命令
nvm install <version>:安裝指定版本的 Node.js。
nvm use <version>:切換到指定版本的 Node.js。
nvm ls:列出已安裝的所有 Node.js 版本。
nvm alias <name> <version>:給指定版本建立別名。
nvm run <version> <script>:在指定版本下執行指令碼。
nvm current:顯示當前正在使用的 Node.js 版本。
nvm uninstall <version>:解除安裝指定版本的 Node.js。
四、nvm配置環境變數
環境變數開啟方式:我的電腦->屬性->高階系統設定->環境變數->
確認與如下配置保持一致(預設nvm安裝成功後,會自動生成)


win + R ,輸入cmd ,回車後,在命令列輸入nvm -v 命令,返回版本號,證明配置成功。


五、安裝nodejs及環境變數配置
1.透過nvm安裝node
檢視node.js最新的一批版本(版本號:偶數是絕對穩定版本 基數是不一定穩定版本)
nvm list available


安裝指定的版本:nvm install 10.23.0
檢視安裝的所有版本:nvm list 或 nvm ls
進入或切換版本:nvm use 18.15.0


安裝成功後會成對應的資料夾,如下圖所示


檢查是否安裝成功: node -v 檢視node的版本、npm -v 檢視npm的版本


2.node環境變數配置
(1) 配置全域性安裝的模組路徑和快取路徑
首先在NVM的安裝目錄新建兩個資料夾node_global和node_cache


建立完兩個資料夾後,在cmd視窗中輸入以下命令(兩個路徑即是兩個資料夾的路徑)
npm config set prefix "D:\software\nvm\node_global"
npm config set cache "D:\software\nvm\node_cache"


(2)設定使用者變數
【使用者變數】中的path變數,%NVM_HOME% 和 %NVM_SYMLINK% 理論上是nvm安裝成功後自動生成的。如果沒有,新建進去。
如果有C:\Users\使用者名稱\AppData\Roaming\npm,則將其修改為D:\software\nvm\node_global(剛剛新建node_global資料夾的位置),如果沒有就自己新建D:\software\nvm\node_global,總之保證有以下圖片中內容


(3)設定系統變數
path變數的設定和使用者變數中一致


新建環境變數 NODE_PATH,值為D:\software\nvm\node_global\node_modules,其中D:\software\nvm\node_global\node_modules是上述建立的全域性模組安裝路徑資料夾


3.測試
全域性安裝最常用的 express 模組 進行測試
npm install express -g
完成後會得到一個express的檔案


4.設定淘寶的映象並檢視
npm config set registry https://registry.npmmirror.com/


npm config get registry


六、全域性安裝cnpm
cnpm 本身就是國內的 因此無需配置映象
npm install -g cnpm --registry=https://registry.npmmirror.com/



npm install -g cnpm
檢視cnpm版本
cnpm -v

npm list cnpm -g


七.全域性安裝yarn
1.yarn安裝
npm install yarn -g


2.設定淘寶的映象並檢視
// 檢視映象
yarn config get registry
// 修改映象
yarn config set registry http://registry.npm.taobao.org/


八、筆者的安裝目錄結構


小編全域性安裝了cnmp、expo-cli、express、vue、yarn
————————————————

版權宣告:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處連結和本宣告。

原文連結:https://blog.csdn.net/m0_73391179/article/details/137641808

相關文章