轉自:https://www.jianshu.com/p/13f45e24b1de
1、下載下傳安裝包
下載下傳位址:https://nodejs.org/zh-cn/download/
根據自己電腦系統及位數選擇,我這裡選擇windows64位.msi格式安裝包
.msi和.zip格式差別:
1、.msi是Windows installer開發出來的程式安裝檔案,它可以讓你安裝,修改,解除安裝你所安裝的程式。說白了.msi就是Windows installer的資料包,把所有和安裝檔案相關的内容封裝在一個包裡。
2、.zip是一個壓縮包,解壓之後即可,不需要安裝

image.png
下載下傳完成後,輕按兩下安裝包,開始安裝,一直點next即可,安裝路徑預設在C:\Program Files下,也可以自定義修改
image.png
image.png
Node.js runtime表示運作環境
npm package manager表示npm包管理器
online documentation shortcuts線上文檔快捷方式
Add to PATH添加到環境變量
安裝完成如圖所示,這裡我修改了node的安裝路徑C:\node
安裝完成後,.msi格式的安裝包已經将node啟動程式添加到系統環境變量path中,檢視系統變量驗證
image.png
既然已經将node程式添加到全局系統變量,我們可以直接在CMD視窗中任意位置執行node,打開CMD視窗,執行指令node -v檢視node版本
image.png
最新版的node在安裝時同時也安裝了npm,執行npm -v檢視npm版本
image.png
2、修改包路徑
預設情況下,我們在執行npm install -g XXXX時,下載下傳了一個全局包,這個包的預設存放路徑位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通過CMD指令npm root -g檢視
image.png
image.png
我們可以下載下傳一個全局包試試看,執行指令npm install -g express
image.png
image.png
但是有時候我們不想讓全局包放在這裡,我們想放在node的安裝目錄下
1、在node安裝目錄下下建立兩個檔案夾
node_global全局包下載下傳存放
node_cachenode緩存
image.png
2、修改路徑
在CMD視窗執行以下兩條指令:
npm configsetprefix"C:\node\node_global"
npm config set cache "C:\node\node_cache"
或者在nodejs的安裝目錄中找到node_modules\npm\.npmrc檔案,修改如下:
prefix =C:\node\node_global
cache = C:\node\node_cache
image.png
我們再次下載下傳一個全局包,執行指令npm install -g vue,可以發現,下載下傳的全局包vue已經放在了我們設定的目錄中
image.png
我們寫一個js檔案,引入vue子產品,并輸出,然後再node中執行該js檔案
image.png
我們更改了npm全局子產品的存放路徑和cache路徑,此時使用module時将會出現上述錯誤,因為電腦系統現在還不知道你把預設路徑給改了,是以需要修改系統環境變量。
1、修改使用者變量path為:C:\node\node_global
image.png
image.png
2、新增系統變量NODE_PATH,變量值為C:\node\node_global\node_modules
image.png
修改之後關閉CMD視窗,然後重新打開,運作剛才的test.js檔案
報錯1
npm ERR! cb()never called!的錯誤 解決方案
轉自:https://www.cnblogs.com/webdragon/p/9700879.html
解決方法:
一、首先要以管理者模式打開cmd清除你的npm緩存 : npm cache clean -f
二、清除完緩存後,安裝最新版本的Node helper: npm install -g n
注意:如果出現npm ERR! notsup Unsupported platform for [email protected]: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"x64"})
這樣錯誤資訊
如圖:
然後執行以下 npm install -g n --force
如圖:
三、告訴助手(n)安裝最新的穩定版Node:n stable
四、完成上一個指令後,您将獲得最新資訊。讓我們再次運作安裝: npm install
如果在執行npm install 非常緩慢的時候,可以試着更換鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
如圖:
再執行 cnpm install,這時候就比較快一些安裝依賴檔案
安裝完依賴檔案後,執行 cnpm run dev ,項目就啟動了。
報錯2:
解決報錯:
(1)以管理者身份運作vs code
(2)在終端執行:get-ExecutionPolicy,顯示Restricted(表示狀态是禁止的)
(3)在終端執行:set-ExecutionPolicy RemoteSigned
(4)在終端執行:get-ExecutionPolicy,顯示RemoteSigned
報錯3:
Plugin umi-plugin-antd-icon-config can\'t be resolved
原因:缺少插件集
缺啥 裝啥
解決辦法:使用yarn add umi-plugin-react --dev指令安裝相關插件集,安裝成功後重新啟動服務:yarn start,服務啟動成功。