Nodejs安裝及環境配置


轉自: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 n@2.1.8: 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:

npm報錯:無法加載文件 D:\nodejs\node_global\webpack.ps1,因為在此系統上禁止運行腳本

解決報錯:

復制代碼
(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,服務啟動成功。


免責聲明!

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



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