一、安裝nvm

1.下載nvm

 解壓后點擊exe文件進行安裝：

2、點擊下一步安裝到 D:\NVM 下

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

4、點擊next 一直點擊 完成安裝；

5、找到指定nvm打開后：

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

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

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

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

 點擊計算機 右擊點擊屬性選擇高級系統(tǒng)設置 

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

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

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

驗證nvm安裝：

打開cmd，輸入nvm -v

返回版本號，說明成功。 

 二、安裝node

1.通過nvm安裝node

重新打開cmd，輸入：

nvm install node版本號  // 安裝對應版本的node
nvm ls                 // 用于查看已安裝的node版本列表
nvm use node版本號     // 切換到對應版本的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.接下來設置電腦環(huán)境變量，右鍵“我的電腦”=》屬性=》高級系統(tǒng)設置=》環(huán)境變量 進入以下環(huán)境變量對話框。

（1）先設置用戶變量 

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

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

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

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

5.所有設置完點擊確定，即配置完成。 

三、安裝Vue

1. 切換鏡像源

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

2.查看當前鏡像下包源 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，因為開始使用18.0.0時由于版本過高，無法成功安裝vue。

總結

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

最新評論