一、安裝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ì)算機(jī) 右擊點(diǎn)擊屬性選擇高級(jí)系統(tǒng)設(shè)置 

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

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

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

驗(yàn)證nvm安裝：

打開cmd，輸入nvm -v

返回版本號(hào)，說(shuō)明成功。 

 二、安裝node

1.通過(guò)nvm安裝node

重新打開cmd，輸入：

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

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

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

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

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

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

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

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

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

如果有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是否安裝成功

返回版本號(hào)則說(shuō)明安裝成功，注意V是大寫，小寫不成功

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

總結(jié)

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

最新評(píng)論