Node.js安裝及環境配置

一、安裝環境

1、本機系統：Windows 10 專業版（64位）
2、Node.js：node-v8.9.4-x64.msi（64位）

二、安裝Node.js步驟

1、下載對應自己系統對應的 Node.js 版本，地址：https://nodejs.org/zh-cn/
2、選安裝目錄進行安裝
3、環境配置
4、測試

三、前期準備

1、Node.js簡介

　　Node.js® 是一個基於Chrome V8 引擎的 JavaScript 執行時。 Node.js 使用高效、輕量級的事件驅動、非阻塞 I/O 模型。它的包生態系統，npm，是目前世界上最大的開源庫生態系統。

2、下載Node.js

　　官方地址：https://nodejs.org/en/或https://nodejs.org/zh-cn/
　　我下載的是 node-v8.9.4-x64.msi ，如下圖：

四、開始安裝

　　1、下載完成後，雙擊“node-v8.9.4-x64.msi”，開始安裝：


2、點選“ Next ”按鈕

3、選擇安裝目錄，點選“ Next ”按鈕

4、選擇安裝項，此處我選擇預設，點選“ Next ”按鈕

5、點選“ Install ”按鈕，開始安裝

6、等待安裝完成，點選“ Finish ”按鈕完成安裝

五、安裝完成檢視

　　1、檢視是否安裝成功

　　A、node -v 檢視 node 版本

　　B、npm -v 檢視 npm 版本

2、安裝完成後，檔案目錄如下圖

六、環境配置

　　此處的環境配置主要配置的是 npm 安裝的全域性模組所在的路徑，以及快取cache的路徑，之所以要配置，是因為以後在執行類似：npm install express [-g] （後面的可選引數-g，g代表global全域性安裝的意思）的安裝語句時，會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中，佔C盤空間。
　　例如：我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中，則在我的安裝目錄下建立兩個資料夾【node_global】及【node_cache】如下圖：

1、設定全域性目錄和快取目錄，建立完兩個空資料夾之後，開啟cmd命令視窗，輸入

　　npm config set prefix "D:\SDE\Node8.9.4\node_global"

npm config set cache "D:\SDE\Node8.9.4\node_cache"

重新配置：A、刪除【 C:\Users\yi081\.npmrc 】檔案重新生成。如果 .npmrc 不在這個目錄下，就 C 盤全域性搜一下；B、直接修改編譯 .npmrc 檔案。

　　2、設定環境變數，“我的電腦”-右鍵-“屬性”-“高階系統設定”-“高階”-“環境變數”

　　A、進入環境變數對話方塊，在【系統變數】下新建【NODE_PATH】，輸入【D:\SDE\Node8.9.4\node_modules】

　　B、將【使用者變數】下的【Path】修改為【D:\SDE\Node8.9.4\node_global】

修改完成，點選“ 確定 ”按鈕。

六、測試

　　配置完後，安裝個module測試下，我們就安裝最常用的express模組，開啟cmd視窗，輸入如下命令進行模組的全域性安裝：

　　npm install express -g # -g是全域性安裝的意思

注：如果安裝時不加 -g 引數，則安裝的模組就會安裝在當前路徑下，上例若不加 -g 引數，則 express 模組會安裝在 C:\Users\yi081目錄下的 【node_modules】目錄下，目錄若不存在會自動生成。

最後查閱網上資源後，原來，最新express版本中將命令工具分家出來了(專案地址:https://github.com/expressjs/generator)，所以還需要安裝一個命令工具，命令如下:

　　npm install -g express-generator


使用express建立一個工程，輸入命令：express helloworld

轉到 helloworld 目錄下，命令：cd helloworld

裝載 node 包管理器，執行命令：npm install

在瀏覽器中輸入地址：http://localhost:3000/，如下圖，訪問我們的第一個node web 網頁。