Node.js 安裝及環境配置之 Windows 篇

1、安裝環境

一、本機系統：Windows 10 企業版（64位）
二、Node.js：node-v8.9.4-x64.msi（64位）

2、安裝Node.js步驟

一、下載對應本身系統對應的 Node.js 版本，地址：https://nodejs.org/zh-cn/
二、選安裝目錄進行安裝
三、環境配置
四、測試

3、前期準備

一、Node.js簡介

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

二、下載Node.js

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

　　

4、開始安裝

　　一、下載完成後，雙擊「 node-v8.9.4-x64.msi 」，開始安裝：

　　

　　

　　二、點擊「 Next 」按鈕
　　

　　三、選擇安裝目錄，點擊「 Next 」按鈕

　　

　　四、選擇安裝項，此處我選擇默認，點擊「 Next 」按鈕

　　

　　五、點擊「 Install 」按鈕，開始安裝

　　

　　六、等待安裝完成，點擊「 Finish 」按鈕完成安裝

　　

5、安裝完成查看

　　一、查看是否安裝成功

　　A、node -v 查看 node 版本

　　B、npm -v 查看 npm 版本

　　

　　二、安裝完成後，文件目錄以下圖

　　

　　若是 npx 爲 5.2.0+，會安裝一個新的包 npx。npx是一個工具，旨在提升從npm註冊表使用軟件包的體驗 ，npm使得它很是容易地安裝和管理託管在註冊表上的依賴項，npx使得使用CLI工具和其餘託管在註冊表，大大簡化了一些事情。

6、環境配置

　　此處的環境配置主要配置的是 npm 安裝的全局模塊所在的路徑，以及緩存cache的路徑，之因此要配置，是由於之後在執行相似：npm install express [-g] （後面的可選參數-g，g表明global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中，佔C盤空間。
　　例如：我但願將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中，則在個人安裝目錄下建立兩個文件夾【node_global】及【node_cache】以下圖：

　　

　　一、設置全局目錄和緩存目錄，建立完兩個空文件夾以後，打開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 文件。

　　二、設置環境變量，「個人電腦」-右鍵-「屬性」-「高級系統設置」-「高級」-「環境變量」

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

　　B、將【用戶變量】下的【Path】修改成【D:\SDE\Node8.9.4\node_global】

　　

　　

　　

　　修改完成，點擊「 肯定 」按鈕。

6、測試

　　配置完後，安裝個module測試下，咱們就安裝最經常使用的express模塊，打開cmd窗口，輸入以下命令進行模塊的全局安裝：

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

　　

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

　　

　　打開全局安裝目錄發現沒有 express 的可執行文件，以下圖：

　　

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

　　npm install -g express-generator

　　

　　而後打開咱們的安裝目錄發現 express 被安裝在了全局目錄下，以下圖：

　　

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

　　　

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

　　

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

　　

　　啓動 helloworld，輸入命令：npm start，以下圖，新建立的 helloworld 已經運行在3000端口上

　　

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