1. 程式人生 > WINDOWS開發 >Node.js安裝步驟Windows

Node.js安裝步驟Windows

什麼是Node.js?

簡單的說 Node.js 就是執行在服務端的 JavaScript。
Node.js是一個基於 Chrome V8 引擎的 JavaScript 執行環境;
Node.js使用一個事件驅動、非阻塞式 I/O 的模型,使其輕量且高效;
Node.js的軟體包生態系統npm是全球最大的開源庫生態系統。

安裝教程

本機環境:Windows 10 64bit作業系統

1.下載安裝包

Node.js 官方網站下載:https://nodejs.org/en/download/

技術分享圖片

下載完成,安裝包如下:

技術分享圖片

2.安裝

雙擊開啟安裝,下一步下一步即可:

技術分享圖片

安裝成功,測試安裝是否成功,執行CMD,分別輸入node -v

npm -v分別檢視node和npm的版本號,如下圖所示:

技術分享圖片

我的nodejs是預設安裝路徑C:\Program Files\nodejs,最開始是安裝在其他盤的,但是配置的時候各種問題,後重裝改為預設路徑

安裝完成後系統目錄如圖所示(其中,npm隨安裝程式自動安裝,作用就是對Node.js依賴的包進行管理):

技術分享圖片

3.配置npm在安裝全域性模組時的路徑和快取cache的路徑

因為在執行例如npm install webpack -g等命令全域性安裝的時候,預設會將模組安裝在C:\Users\使用者名稱\AppData\Roaming路徑下的npm和npm_cache中,不方便管理且佔用C盤空間,

所以這裡配置自定義的全域性模組安裝目錄,在node.js安裝目錄下新建兩個資料夾 node_global和node_cache,如圖所示:

技術分享圖片

然後在cmd命令下執行如下兩個命令,配置路徑:

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

執行命令,如下圖所示:

技術分享圖片

(輸入指令後,命令列閃一下,不會有任何提示)

執行完後,配置環境變數,分別新建使用者變數PATH和系統變數NODE_PATH,如下:

"此電腦"->“屬性”->"高階系統設定"->“環境變數” -> “系統變數”:新建一個變數名為 “NODE_PATH

”, 值為“D:\Install\nodejs\node_global”,如下圖:

技術分享圖片

這是最重要的一點;在安裝webpack後出現‘webpack‘ 不是內部或外部命令的問題 就是此處設定不對

PATH和NODE_PATH全部設定為:D\Install\nodejs\node_global。

看到網上的設定方法為 :NODE_PATH屬性指向D:\Install\nodejs\node_global\node_modules,這樣設定並不對,就會導致報不是內部命令

“環境變數” -> “使用者變數”:編輯使用者變數裡的Path,將相應npm的路徑(“C:\Users\使用者名稱\AppData\Roaming\npm”)改為:“D:\Install\nodejs\node_global”,如下:

技術分享圖片

配置完成。

4.測試

在cmd命令下執行npm install webpack -g安裝webpack如下圖所示:

前端包管理工具npm,bower and grunt

技術分享圖片

安裝成功,自動生成資料夾如下所示:

技術分享圖片

技術分享圖片

在cmd命令下執行webpack -v檢視webpack版本,如提示:

出版本號