一、安裝nvm

1.下載nvm

 解壓后點(diǎn)擊exe文件進(jìn)行安裝：

2、點(diǎn)擊下一步安裝到 D:\NVM 下

3、先在D:\NVM 下創(chuàng)建nodejs文件夾，然后將路徑設(shè)置如下：

4、點(diǎn)擊next 一直點(diǎn)擊 完成安裝；

5、找到指定nvm打開后：

給該文件添加這兩行命令:

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

npm_mirror: https://npm.taobao.org/mirrors/npm/

環(huán)境變量配置：

 點(diǎn)擊計算機(jī) 右擊點(diǎn)擊屬性選擇高級系統(tǒng)設(shè)置 

4.點(diǎn)擊環(huán)境變量

5.查看環(huán)境變量是否配置（默認(rèn)nvm安裝成功后，自動生成）： 

與如下配置（保持一致）： 

驗(yàn)證nvm安裝：

打開cmd，輸入nvm -v

返回版本號，說明成功。 

 二、安裝node

1.通過nvm安裝node

重新打開cmd，輸入：

nvm install node版本號  // 安裝對應(yīng)版本的node
nvm ls                 // 用于查看已安裝的node版本列表
nvm use node版本號     // 切換到對應(yīng)版本的nodejs
 
 
如：
nvm install 16.0.0  // 安裝16.0.0版本的nodejs
nvm use 16.0.0   // 使用16.0.0版本的nodejs

 查看node版本號的網(wǎng)址：https://nodejs.org/en/download/releases/

2、node環(huán)境變量配置

1.首先在NVM的安裝目錄新建兩個文件夾node_global和node_cache

2.創(chuàng)建完兩個文件夾后，在cmd窗口中輸入以下命令（兩個路徑即是兩個文件夾的路徑）：

npm config set prefix "D:\NVM\node_global"
npm config set cache "D:\NVM\node_cache"

3.接下來設(shè)置電腦環(huán)境變量，右鍵“我的電腦”=》屬性=》高級系統(tǒng)設(shè)置=》環(huán)境變量 進(jìn)入以下環(huán)境變量對話框。

（1）先設(shè)置用戶變量 

注意：【用戶變量】中的path變量，%NVM_HOME%  和  %NVM_SYMLINK% 理論上是nvm安裝成功后自動生成的。

如果有C:UsershuaAppDataRoaming npm，則將其修改為D:\NVM\node_global，如果沒有就自己新建D:\NVM\node_global，總之保證有以上內(nèi)容。

（2）再設(shè)置系統(tǒng)變量 --- Path變量的設(shè)置和用戶變量中一致

 4.在【系統(tǒng)變量】新建環(huán)境變量 NODE_PATH，值為D:\NVM\node_global\node_modules，其中D:\NVM\node_global\node_modules是上述創(chuàng)建的全局模塊安裝路徑文件夾

5.所有設(shè)置完點(diǎn)擊確定，即配置完成。 

三、安裝Vue

1. 切換鏡像源

npm config set registry=https://registry.npm.taobao.org/

2.查看當(dāng)前鏡像下包源 npm config get registry 

3.安裝vue、vue-cli、webpack

npm install vue -g
npm install vue-cli -g
npm install webpack -g

檢查Vue是否安裝成功

返回版本號則說明安裝成功，注意V是大寫，小寫不成功

注意：我安裝以上包的時候，使用的nodejs版本是16.0.0，因?yàn)殚_始使用18.0.0時由于版本過高，無法成功安裝vue。

總結(jié)

到此這篇關(guān)于安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量的文章就介紹到這了,更多相關(guān)nvm安裝nodejs及配置環(huán)境變量內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論