nodejs詳細安裝+環境配置


使用npm下載安裝vue腳手架(vue-cli)的時候,提示“npm不是內部或外部命令”,於是想着安裝npm。npm是nodejs的一個子內容,所以要使用npm,就一定要先安裝nodejs。
一.安裝nodejs:
nodejs下載官網地址: https://nodejs.org/en/


這里選擇紅線框里面的,長期支持的(long term support),需要注意的是,nodejs的默認安裝路徑是C盤。但是我們往往不想把軟件都安裝到C盤。這里我把nodejs安裝到D盤,D:/nodejs。除了下載地址需要更改以下,其他的選擇默認,一路next即可。
下載成功后,打開cmd,輸入如圖所示命令,

node -v
npm -v

可以看到:證明完成了NodeJS和npm的安裝

二.配置環境變量:
雖然我們選擇了安裝在D盤,但是在【C:\Users\用戶名\AppData\Roaming\npm】,這個路徑下,還是有npm相關的文件夾的,用來存放你通過npm全局安裝的包。比如,如果你通過“npm i nrm -g”全局下載nrm這個工具,那么下載的文件就會被保存到“【C:\Users\用戶名\AppData\Roaming\npm】”這個目錄下。
既然nodejs的安裝目錄都不想放到C盤,那么通過npm下載的包更不想放在C盤。我希望統一管理,把npm全局下載的包都保存到nodejs的根目錄下,也就是“D:\nodejs”這個路徑下。所以我們就必須做一些響應的設置了。
①:在D:/nodejs(選擇自己的安裝目錄)下建立"node_global"及"node_cache"兩個文件夾,如圖中紅線框所示。
其中node_cache是作為緩存目錄來使用的,node_global就是全局下載文件的目錄。

②:然后以管理員身份打開cmd,輸入以下2條命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

③:為了之后使用npm下載東西時速度快一些,需要配置鏡像站,這里選擇淘寶鏡像。以管理員身份打開cmd

npm config set registry=http://registry.npm.taobao.org    //配置鏡像站
npm config list    //顯示所有配置信息

檢查一下鏡像站行不行命令1

npm config get registry

檢查一下鏡像站行不行命令2

npm info vue  //看看能否獲得vue的信息

④:這個時候如果直接運行npm install xxx等命令會報錯的。還需要配置一些系統變量。
 首先,在桌面”計算機“->"屬性“,依次點擊”高級系統設置“->”高級“->”環境變量“。這時打開系統環境變量設置窗口,如下圖所示:

在系統變量那一欄中,點擊“新建”按鈕,增加環境變量“NODE_PATH” 值是:D:\nodejs\node_global\node_modules,一定記得點“確定”!

然后在PATH變量中,增加D:\nodejs、D:\nodejs\node_global

在用戶變量那一欄,找到”path“變量對path環境變量添加D:\nodejs\node_global、D:\nodejs

最后一定記得點“確定”!有幾個點幾個!!!這樣配置才能生效。
上述配置最好都執行,以免出現“npm不是內部或外部命令”

參考鏈接:
https://www.jianshu.com/p/5294830fb76d


免責聲明!

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



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