Nodejs安裝及環(huán)境配置

1、下載安裝

點(diǎn)擊這里下載

根據(jù)自己電腦系統(tǒng)及位數(shù)選擇,我這里選擇windows64位.msi格式安裝包

.msi.zip格式區(qū)別:

  • .msi是Windows installer開發(fā)出來的程序安裝文件,它可以讓你安裝,修改,卸載你所安裝的程序。說白了.msi就是Windows installer的數(shù)據(jù)包,把所有和安裝文件相關(guān)的內(nèi)容封裝在一個(gè)包里。
  • .zip是一個(gè)壓縮包,解壓之后即可,不需要安裝
在這里插入圖片描述

下載完成后,雙擊安裝包,開始安裝,一直點(diǎn)next即可,安裝路徑默認(rèn)在C:\Program Files下,也可以自定義修改

在這里插入圖片描述
在這里插入圖片描述

npm package manager表示npm包管理器

online documentation shortcuts 在線文檔快捷方式

Add to PATH添加node安裝路徑到環(huán)境變量

安裝完成如圖所示,這里我修改了node的安裝路徑C:\node

在這里插入圖片描述

安裝完成后,.msi格式的安裝包已經(jīng)將node.exe添加到系統(tǒng)環(huán)境變量path中,如果你下載的是.zip格式,因?yàn)闆]有安裝過程,所以需要手動(dòng)將node.exe所在目錄添加到環(huán)境變量path中,查看系統(tǒng)變量驗(yàn)證

image.png

既然已經(jīng)將node添加到全局系統(tǒng)變量,我們可以直接在CMD窗口中任意位置執(zhí)行node,打開CMD窗口,執(zhí)行命令node -v查看node版本

v14.7.0

最新版的node在安裝時(shí)同時(shí)也安裝了npm,執(zhí)行npm -v查看npm版本

6.14.7

2、修改全局依賴包下載路徑

默認(rèn)情況下,我們?cè)趫?zhí)行npm install -g XXXX下載全局包時(shí),這個(gè)包的默認(rèn)存放路徑位C:\Users\用戶名\AppData\Roaming\npm\node_modules下,可以通過CMD指令npm root -g查看

C:\Users\liaijie\AppData\Roaming\npm\node_modules

但是有時(shí)候我們不想讓全局包放在這里,我們可以自定義存放目錄,在CMD窗口執(zhí)行以下兩條命令修改默認(rèn)路徑:

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

或者打開c:\node\node_modules\npm\.npmrc文件,修改如下:

prefix =C:\node\node_global
cache = C:\node\node_cache

以上操作表示,修改全局包下載目錄為C:\node\node_global,緩存目錄為C:\node\node_cache,并會(huì)自動(dòng)創(chuàng)建node_global目錄,而node_cache目錄是緩存目錄,會(huì)在你下載全局包時(shí)自動(dòng)創(chuàng)建

在這里插入圖片描述

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

因?yàn)槲覀冃薷牧巳职南螺d路徑,那么自然而然,我們下載的全局包就會(huì)存放在c:\node\node_global\node_modules,而其對(duì)應(yīng)的cmd指令會(huì)存放在c:\node\node_global

我全局安裝一個(gè)vue-cli腳手架

npm install @vue/cli -g

安裝完成后:

在這里插入圖片描述

在這里插入圖片描述

我使用CMD命令vue create myproject指令創(chuàng)建一個(gè)項(xiàng)目,顯示如下

'vue' 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序
或批處理文件。

這是因?yàn)槲覀冊(cè)趫?zhí)行指令時(shí),它會(huì)默認(rèn)在node安裝根目錄下查找指令文件,在這里就是vue.cmd,然后還會(huì)在node安裝根目錄下的node_modules下查找依賴包文件夾,在這里就是@vue文件夾,因?yàn)槲覀冃薷牧巳职拇娣怕窂剑宰匀徽也坏搅耍晕覀冃枰盐覀冎付ǖ娜职娣怕窂教砑拥较到y(tǒng)環(huán)境變量,這樣就可以找到了

在這里插入圖片描述

再次測(cè)試:

C:\Users\liaijie>vue create myproject
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n)

OK,大功告成?。。。。?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容