使用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不是內部或外部命令”