關(guān)聯(lián)鏈接

1. Windows 10 - Node與Vue - 安裝 Vue 2.x 及 3.x 框架 - 項目創(chuàng)建要點 - 1

測試環(huán)境

Windows 10

nvm 的測試版本:  1.1.11

Node 測試版本：16.18.1

一、安裝 Nvm

下載地址：傳送門 0

下載地址 1.1.10 版本：傳送門 1

nvm 1.1.11 版本 資源下載鏈接：傳送門 2

1. 新建一個 Nvm 目錄，用來放置 nvm 和 Node 軟件的安裝文件。

2. 目錄記得加上 nodejs （有一點要知道，指定了這個路徑那么 nodejs 不會自動安裝一個本地的 node 環(huán)境）

3. 自定義路徑安裝 nodejs，在點擊 finish 完成 nvm 安裝后的目錄情況，一開始是沒有 nodejs 目錄的，但如果是默認(rèn)安裝 C 盤的，會在 C 盤有一個 nodejs 目錄，還有nvm install 下載了一個Node，然后使用 nvm use 命令后，就會自動在自定義目錄內(nèi)創(chuàng)建一個 nodejs目錄，要注意這一點。

4. 安裝 node 16.18.1

5. 初次使用 nvm 時，本地 node.js 路徑配置

這里需要注意配置環(huán)境變量，如果都配置了 PC 的用戶變量 和系統(tǒng)變量，那么就會優(yōu)先使用 PC 的用戶變量。 之前選擇的路徑是 \Nvm\node.js 現(xiàn)在修改為 \Nvm\nvm\node.js

注： 如果已經(jīng)安裝node安裝包，可以不卸載node包，使用該命令nvm off禁用一次，再使用nvm on打開即可

啟用nvm 首次使用nvm時，需要啟用nvm，使用nvm on命令來生成nodejs快捷方式

在自定義路徑下自動創(chuàng)建 nodejs 目錄

注意，當(dāng)?shù)谝淮问褂脮r，切換命令成功了，但是查看node版本卻發(fā)現(xiàn)不存在，請注意使用nvm on來開啟nvm管理，請記住，否則第一次它是沒有生成nodejs快捷方式的，這個不關(guān)環(huán)境配置的事情，第一次就是需要使用nvm on來啟用

看了資料這句話是有問題，環(huán)境配置路徑不對，是不會在 \Nvm\nvm\node.js 路徑下創(chuàng)建 node.js 文件夾的，筆者原來的路徑是 \Nvm\node.js 改為 \Nvm\nvm\node.js，但 nvm on 命令是在初次使用 nvm 時，的確是需要使用的。

6. 查看 nvm 安裝目錄下的 setting.txt 配置文件：

7. 鏡像配置，此時可以再增加兩條鏡像源配置，配置國內(nèi)源，可以使得包的下載速度更快

node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/

8. 查看 nvm 版本

nvm -v

9. 如果此時使用 npm 是沒有該命令的，將會報錯 ‘npm’ 不是內(nèi)部或外部命令，也不是可運行的程序或批處理文件。

必須要安裝一個某個 Node 后，使用 nvm use 命令后，才會識別 npm 命令。

二、卸載 Nvm

如何卸載 Nvm，點擊 unins000.exe

最后要刪除 nvm 文件夾，就可以刪除了。

三、Nvm 安裝指定版本 Node 配置理解

nvm 是一個 Node 版本管理工具，類似 anaconda3 那樣的 python 虛擬環(huán)境 管理工具。 每次要替換其它版本的 Node ，只需要使用命令 nvm use <node version>，當(dāng)然首先要使用 nvm list，來查看當(dāng)前已經(jīng)安裝的 Node，復(fù)制粘貼，切換 Node 版本。

Nvm 常用命令：

1. 輸入命令查看可安裝的 Node 版本列表，

nvm ls available

CURRENT：為當(dāng)前最新的版本
LTS：為穩(wěn)定版本
OLD：歷史版本
建議選擇LTS穩(wěn)定版的

2. 安裝

nvm install <node version>

3. 查看

nvm list

4. 切換為指定的 Node 版本（有時候沒辦法切換，那就使用管理員權(quán)限重新打開終端）

nvm use <node version>

5. 刪除指定的 Node 版本

nvm uninstall <node version>

四、關(guān)于全局配置與緩存依賴的配置深入理解

深入理解全局配置 node_global 與緩存依賴 node_cache 這兩個文件。

1. 當(dāng)用 nvm install 下載的新版本 Node 環(huán)境，在切換 Node 版本后，在當(dāng)前的 Node 環(huán)境下，都會用到這個指定的全局配置 node_global 與緩存依賴 node_cache 內(nèi)的插件，就好比如 cnpm 插件，可以用它下載國內(nèi)的各種依賴，這里就以 Vue 框架的依賴為例。

就目前來看，有些全局配置依賴，在某些 Node 版本下是可以運行的，比如 cnpm 在 node v14 版本下是無法下載使用的，但是可以在 Node v16 版本以上下載安裝并使用，具體的解決方法看下面的 五、報錯文件集錦。

2. 上面是個別解決方法，有其它解決不同 Node 版本全局配置 node_global 與緩存依賴 node_cache 插件有時候無法適配的解決方法嗎？有的，如下所示：

每次切換 Node 環(huán)境后，也可以切換 全局配置 node_global 與緩存依賴 node_cache 的路徑，比如為每一個 Node 環(huán)境設(shè)置一個專屬于它的 全局配置 node_global 與緩存依賴 node_cache 文件。

具體如下，以 Node 16.18.1 為例，但感覺很麻煩，有興趣的可以去試下。

nvm on
nvm use 16.18.1
npm config set prefix "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_cache" 

3. 筆者之前看過有些人是直接不修改全局配置 node_global 與緩存依賴 node_cache 的路徑，具體如下：新建一個 node 文件夾，然后在 node 文件夾內(nèi)新建 node_global 和 node_cache，后面就切換其它 Node 版本時，全部用這個路徑下的 全局配置 node_global 與緩存依賴 node_cache 的路徑，如果不覺得麻煩的，隨意，就用這個配置。

nvm on
nvm use 16.18.1
npm config set prefix "D:\xxx\xxxx\Nvm\node\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\node\node_cache" 

npm 全局驗證

全局（-g）安裝express驗證

npm install express -g

npm install 會自動切換全局配置 node_global 與緩存依賴 node_cache

有意思的是，筆者在切換了16.18.1 版本的 Node 環(huán)境后，然后再用一個前端 Vue 項目，npm install 安裝相關(guān)依賴后，發(fā)現(xiàn)全局配置 node_global 與緩存依賴 node_cache 被切換為該 16.18.1 node 環(huán)境下的 全局配置 node_global 與緩存依賴 node_cache ，這一點挺有意思，在某個 Node 環(huán)境下，使用 npm install 命令安裝依賴，會自動切換 全局配置 node_global 與緩存依賴 node_cache

這個切換nvm use <version> 命令不會自動切換 全局配置 node_global 與緩存依賴 node_cache 的路徑，除非手動輸入如下命令：（下面路徑只是舉例，需要自己修改）

npm config set prefix "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_global"
npm config set cache "D:\xxx\xxxx\Nvm\nvm\v16.18.1\node_cache" 

或者使用 如下命令安裝項目依賴時，會自動配置新路徑為指定的 Node 版本（例如 16.18.1 Node環(huán)境）下的全局配置 node_global 與緩存依賴 node_cache 的路徑，相當(dāng)于上面的兩條命令。

nvm use 16.18.1
npm install 

四、參考鏈接

??????來一篇nvm不完全指南

nvm的安裝及全局依賴配置（詳細(xì)）

nvm 安裝配置

五、安裝cnpm報錯集錦

問題 1. 安裝 nvm 后，node v14 版本無法安裝 cnpm，只能在 Node v16 版本上才能安裝 cnpm 否則會報如下錯誤

npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'
npm ERR!  [OperationalError: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'] 
{
npm ERR!   cause: [Error: EPERM: operation not permitted, rename 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json.4086199326' -> 'x:\xx\xx\open-his-ui\node_modules\array-slice\package.json'] {  
npm ERR!     errno: -4048,
npm ERR!     code: 'EPERM',
npm ERR!     syscall: 'rename',
npm ERR!     path: 'x:\xx\xx\open-his-ui\\node_modules\\array-slice\\package.json.4086199326',
npm ERR!     d

安裝 cnpm 命令：

npm install -g cnpm

解決方法

本來下載 cnpm 是為了使用國內(nèi)的中國版 npm ，也就是為了速度才去使用它，但是 Node v14 版本無法使用，那么就只能在 nvm安裝位置，打開文件：settings.txt ，配置鏡像：

root: D:\xxx\Nvm\nvm
path: D:\xxx\Nvm\nvm\nodejs
node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/

六、已安裝 Node不卸載的方法，由 Nvm 管理之前已安裝的 Node.js

解決方法
（這個上面 一、 5. 初次使用 nvm 時，本地 node.js 路徑配置就有提到 ）

注： 如果已經(jīng)安裝node安裝包，可以不卸載node包，使用該命令nvm off禁用一次，再使用nvm on打開即可

1. 禁用node.js版本管理(不卸載任何東西)
	 nvm off          
2. 啟用node.js版本管理
	 nvm on                   
3. 顯示可以安裝的所有node.js的版本
     nvm list available
4. 查看已安裝的node版本 (兩個命令都可以)
     nvm list
     nvm ls
5. 根據(jù)node的版本號安裝node
     nvm install 16.17.0  (16.17.0是版本號)
6. 卸載已安裝的node對應(yīng)的版本
     nvm uninstall 16.17.0
7. 切換node到該版本使用
     nvm use 16.17.0

六、參考鏈接

三分鐘學(xué)會node包管理工具nvm的安裝及使用

nvm安裝與配置

問題1 參考鏈接

1. npm安裝報錯（npm ERR! code EPERM npm ERR! syscall mkdir npm ERR! path C:\Program Files\nodejs\node_ca…）

2. npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, rename ‘G:\xxx\xxxx\open-his-ui

3. 使用npm報npm ERR code EPERMnpm ERR syscall rename錯誤

4. 報錯：npm ERR code EPERM

5. npm安裝報錯（npm ERR code EPERM npm ERR syscall mkdir npm ERR path CProgram Filesnodejsnode_ca…）

6. nvm(Vue)安裝與配置保姆級教程

7. nvm的安裝及全局依賴配置（詳細(xì)）

8. npm ERR Error: EPERM:operation not permitted, rename

參考鏈接

1. window10下node使用管理神器NVM安裝配置超詳細(xì)步驟

2. nvm 安裝配置

3. NPM配置文件在哪里？

4. nvm 下載 node 報錯

5. Vue中nvm-windows的安裝與使用教程(親測)

6. nvm(Vue)安裝與配置保姆級教程

7. nvm 安裝 vue環(huán)境（node npm vue）

8. vue版本控制器nvm安裝使用教程

9. 使用nvm可以更換nodejs版本。方便不同項目的切換

10. vue 安裝版本管理 nvm

11. nvm安裝到vue-cli構(gòu)建項目

12. nvm下node安裝；node環(huán)境變量配置

13. Vue與Node介紹，兩者可分可合，安裝node

14. nodejs和vuejs的區(qū)別

15. Node環(huán)境和Vue腳手架的搭建（詳細(xì)教程）

16. nvm如何變更npm版本

17. 使用nvm如何切換node版本

18. nvm的安裝及全局依賴配置（詳細(xì)）文章來源地址http://www.zghlxwxcb.cn/news/detail-753054.html

到了這里，關(guān)于2. Windows 10 - Nvm - node版本管理工具的安裝、配置/全局配置（自動切換）、卸載方法 - 安裝cnpm報錯與解決方法 - 已安裝 Node不卸載的方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！