Nodejs安裝及環境配置


1、下載安裝

點擊這里下載

根據自己電腦系統及位數選擇,我這里選擇windows64位.msi格式安裝包

.msi.zip格式區別:

  • .msi是Windows installer開發出來的程序安裝文件,它可以讓你安裝,修改,卸載你所安裝的程序。說白了.msi就是Windows installer的數據包,把所有和安裝文件相關的內容封裝在一個包里。

  • .zip是一個壓縮包,解壓之后即可,不需要安裝

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

npm package manager表示npm包管理器

online documentation shortcuts 在線文檔快捷方式

Add to PATH添加node安裝路徑到環境變量

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

安裝完成后,.msi格式的安裝包已經將node.exe添加到系統環境變量path中,如果你下載的是.zip格式,因為沒有安裝過程,所以需要手動將node.exe所在目錄添加到環境變量path中,查看系統變量驗證

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

v14.7.0

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

6.14.7

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

默認情況下,我們在執行npm install -g XXXX下載全局包時,這個包的默認存放路徑位C:\Users\用戶名\AppData\Roaming\npm\node_modules下,可以通過CMD指令npm root -g查看

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

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

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,並會自動創建node_global目錄,而node_cache目錄是緩存目錄,會在你下載全局包時自動創建

3、配置環境變量

因為我們修改了全局包的下載路徑,那么自然而然,我們下載的全局包就會存放在c:\node\node_global\node_modules,而其對應的cmd指令會存放在c:\node\node_global

我全局安裝一個vue-cli腳手架

npm install @vue/cli -g

安裝完成后:

我使用CMD命令vue create myproject指令創建一個項目,顯示如下

'vue' 不是內部或外部命令,也不是可運行的程序
或批處理文件。

這是因為我們在執行指令時,它會默認在node安裝根目錄下查找指令文件,在這里就是vue.cmd,然后還會在node安裝根目錄下的node_modules下查找依賴包文件夾,在這里就是@vue文件夾,因為我們修改了全局包的存放路徑,所以自然找不到了,所以我們需要把我們指定的全局包存放路徑添加到系統環境變量,這樣就可以找到了

再次測試:

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,大功告成!!!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM