從腳手架開始學前端 【第2期】Node.js環境搭建(windows)

1、簡介

Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

2、下載

windows下的Node.js安裝是比較方便的（v0.6.0版本以後，支持windows native），只須要登錄官網（http://nodejs.org/），即可以看到首頁的「INSTALL」按鈕，直接點擊就會自動下載安裝了。

3、Node.js 安裝

一、鼠標雙擊node-v12.13.0-x64.msi開始安裝

二、勾選贊成協議，點擊Next

三、修改安裝路徑，點擊Next

四、Add to PATH 選擇安裝到本地，點擊Next

五、點擊Next

六、點擊Install

七、出現安裝進度界面和進度條，開始安裝，若是要取消安裝，點擊Cancel便可

八、安裝成功，點擊Finish關閉頁面，即爲安裝成功。測試的時候可使用cmd（win+r而後輸入cmd進入）測試下是否安裝成功。

方法：在cmd下輸入node -v，出現下圖版本提示就是完成了NodeJS的安裝。

四、npm 安裝

新版的NodeJS已經集成了npm，因此npm也一併安裝好了。

能夠在cmd命令行輸入"npm -v"來測試是否成功安裝。

5、配置

一、NodeJS環境變量配置

windows的安裝msi文件在過程當中會直接添加path的系統變量，變量值是你的安裝路徑，例如「D:\Program Files\nodejs」）

二、npm配置

npm做爲一個NodeJS的模塊管理，須要配置模塊路徑、cache路徑。

a.在node.js的安裝根目錄中新建「node_global」和"node_cache"兩個文件夾。

b.使用cmd命令進行配

npm config set prefix "D:\Program Files\nodejs\node_global"npm config set cache "D:\Program Files\nodejs\node_cache"複製代碼

注意:若是不進行這一步設置，npm的全局安裝包，將不會在node安裝文件夾裏。

三、配置環境變量

打開系統對話框，「個人電腦」右鍵「屬性」-「高級系統設置」-「高級」-「環境變量」

進入環境變量對話框，在系統變量下新建"NODE_PATH"，輸入」D:\Program Files\nodejs\「。

點擊Path - 新建

設置NODE_PATH

在系統變量下新建Path輸入」%NODE_PATH%\node_global\node_modules「。（ps：這一步至關關鍵。）

因爲改變了module的默認地址，因此上面的用戶變量都要跟着改變一下，用戶變量"PATH"修改成「%NODE_PATH%\node_global\」）

注意:

若是不配置，npm install xx -g(global)（global全局安裝的意思）會將安裝的模塊默認安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中，長期會是C盤空閒變小，電腦慢慢變慢。

6、測試

全局安裝svue-cli腳手架進行測試

npm i svue-cli -gyarn global add svue-clinpm install svue -gyarn global add svuenpm i evue-cli -gyarn global add evue-clinpm i evue -gyarn global add evue複製代碼

趕快掃碼關注咱們吧！