安裝nvm并使用nvm安裝nodejs及配置環(huán)境變量的全過(guò)程
一、安裝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打開(kāi)后:
給該文件添加這兩行命令:
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安裝:
打開(kāi)cmd,輸入nvm -v
返回版本號(hào),說(shuō)明成功。
二、安裝node
1.通過(guò)nvm安裝node
重新打開(kāi)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,如果沒(méi)有就自己新建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)殚_(kāi)始使用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)文章希望大家以后多多支持腳本之家!
相關(guān)文章
利用node.js實(shí)現(xiàn)反向代理的方法詳解
在實(shí)際工程開(kāi)發(fā)中,會(huì)有前后端分離的需求。為了平滑的完成前端請(qǐng)求到后端各個(gè)獨(dú)立服務(wù),需要一個(gè)中間件實(shí)現(xiàn)請(qǐng)求轉(zhuǎn)發(fā)的功能,利用Nginx可以實(shí)現(xiàn),在這里使用nodejs實(shí)現(xiàn)一個(gè)反向代理服務(wù)器。本文主要介紹了關(guān)于利用node.js實(shí)現(xiàn)反向代理的相關(guān)資料,需要的朋友可以參考下。2017-07-07express搭建的nodejs項(xiàng)目使用webpack進(jìn)行壓縮打包
對(duì)于打包這個(gè)問(wèn)題它并不是難點(diǎn),但是對(duì)于我們這種初學(xué)者來(lái)說(shuō),根本就不知道應(yīng)該怎么做,下面這篇文章主要給大家介紹了關(guān)于express搭建的nodejs項(xiàng)目使用webpack進(jìn)行壓縮打包的相關(guān)資料,需要的朋友可以參考下2022-12-12node.js實(shí)現(xiàn)微信開(kāi)發(fā)之獲取用戶授權(quán)
這篇文章主要介紹了node.js實(shí)現(xiàn)微信開(kāi)發(fā)之獲取用戶授權(quán),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03學(xué)習(xí)使用ExpressJS 4.0中的新Router的用法
ExpressJS 4.0中提出了新的路由Router,提供了路由應(yīng)有的API,本文詳細(xì)的介紹了ExpressJS 4.0中的新Router的用法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2018-11-11什么時(shí)候不能在 Node.js 中使用 Lock Files
這篇文章主要介紹了什么時(shí)候不能在 Node.js 中使用 Lock Files,但是當(dāng)你在開(kāi)發(fā)要發(fā)布到 npm 的包時(shí),應(yīng)避免使用這類 lock file 。下面我們來(lái)一起了解一下吧2019-06-06ChatGPT編程秀之最小元素的設(shè)計(jì)示例詳解
這篇文章主要為大家介紹了ChatGPT編程秀之最小元素的設(shè)計(jì)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03