溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

發(fā)布時間:2023-03-16 13:57:14 來源:億速云 閱讀:220 作者:iii 欄目:開發(fā)技術(shù)

這篇文章主要介紹了如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量的相關(guān)知識,內(nèi)容詳細(xì)易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量文章都會有所收獲,下面我們一起來看看吧。

    一、安裝nvm

    1.下載nvm

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

    5、找到指定nvm打開后:

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

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

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

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

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

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

    與如下配置(保持一致): 

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    驗證nvm安裝:

    打開cmd,輸入nvm -v

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    返回版本號,說明成功。 

     二、安裝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/

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    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è)置用戶變量 

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    注意:【用戶變量】中的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è)置和用戶變量中一致

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    5.所有設(shè)置完點擊確定,即配置完成。 

    三、安裝Vue

    1. 切換鏡像源

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

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    3.安裝vue、vue-cli、webpack

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

    檢查Vue是否安裝成功

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

    如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量

    注意:我安裝以上包的時候,使用的nodejs版本是16.0.0,因為開始使用18.0.0時由于版本過高,無法成功安裝vue。

    關(guān)于“如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對“如何安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量”知識都有一定的了解,大家如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道。

    向AI問一下細(xì)節(jié)

    免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

    AI