1. 程式人生 > 實用技巧 >Node.js實踐一:node.js安裝及環境配置之Windows篇

Node.js實踐一:node.js安裝及環境配置之Windows篇

Node.js實踐一:node.js安裝及環境配置之Windows篇

一、Node.js簡介

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

二、Node.js 安裝與部署

2.1、安裝環境

1、本機系統:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位)

2.2 安裝Node.js

1、下載對應你係統的Node.js 版本

:https://nodejs.org/zh-cn/download/,我這裡下載的是node-v14.15.1-x64.msi, 注意檢視 LTS 日程(其中描述了各個版本的node.js 的維護期限。)

注意: 主版本的 Node.js 進入當前版將持續六個月的時間,在此期間庫作者可以對其進行支援。 六個月之後,奇數版本(諸如 9、11 等)將變為不支援狀態,只有偶數版本(諸如 10、12 等)變成活躍 LTS狀態,並且準備投入使用。LTS釋出版的狀態是“長期支援版”,這意味著重大的 Bug 將在後續的 30 個月內持續得到不斷地修復。 上線應該僅使用活躍 LTS
或者是維護 LTS版。

2、進行安裝

按照部署時需要注意的是,同java一樣,該體系講究靈活,即Node.js 的安裝目錄可以更改,但需要自己手動新增。而非選擇好目錄後,自動帶上預設的資料夾名(如Node),這一點應該是和微軟等常用軟體安裝的一點區別; 按照部署按照提示,下一步即可,安裝結束後,會出現如下介面,按任意鍵繼續。

3、 安裝完狀態及驗證

(1)安裝完成後,目錄結構如下:

可以看到,node.js安裝完畢後,在node_modules中會自動按照 npm 模組。且只有這一個。

(2)安裝完成後,“win鍵+R —— cmd” 開啟 cmd 視窗。可以通過node -v ; npm -v 命令來檢視當時node 以及npm的版本; 如下圖:

2.3、環境配置(14及以上版本可忽略,因為本身已經設定好了)

npm 安裝的全域性模組所在的路徑,以及快取cache的路徑,這樣在執行 全域性安裝時,就可以安裝在設定的目錄下。否則預設安裝在cmd中的當前目錄下;

(1)在2.2 安裝Node.js 我們可以看到,node.js 在安裝後,會發現在資料夾中,自動生成一個 node_golbal的資料夾,通過命令檢視可以發現,安裝包已經自動做好了設定。參看下圖:

(2)通過安裝 express 模組 來驗證可以看出 node_cache 資料夾會自動建立,且在node_global 檔案中會生成node_modules 目錄下建立 express 模組;

(3)手動配置方法:

我的安裝目錄下建立兩個資料夾【node_global】及【node_cache】如下圖:

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

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

B.設定環境變數,“我的電腦”-右鍵-“屬性”-“高階系統設定”-“高階”-“環境變數”(不推薦) 進入環境變數對話方塊,在【系統變數】下新建【NODE_PATH】,輸入【D:\ProfessinalTool\nodejs\node_modules】   將【使用者變數】下的【Path】修改為【D:\ProfessinalTool\nodejs\node_global】

2.4、測試

2.4.1 安裝的express模組

a.開啟cmd視窗,輸入如下命令進行模組的全域性安裝:

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

注:如果安裝時不加 -g 引數,則安裝的模組就會安裝在當前路徑下,上例若不加 -g 引數,則 express 模組會安裝在cmd視窗中的當前目錄下(預設為C:\Users\Administrator)。

b.安裝 express-generator模組

但express 本身不是一個可執行程式,需要安裝 express-generator 模組,同樣執行命令如下;(express版本中將命令工具分家出來了(專案地址:https://github.com/expressjs/generator)

npm install express-generator -g

則會在node_global/node_modules目錄下創建出對應的模組

安裝成功後,就可以使用 express 命令了, 這裡檢視下 express 的版本資訊,如下圖:

否則,不安裝express-generator的話,express就不是一個可執行的命令。在cmd中提示如下:

2.4.2使用express建立一個工程

a、輸入命令:express helloworld, 生成一個 helloworld 的應用程式,在cmd 命令提示行的當前目錄下,即:C:\Users\Administrator\

 

b、轉到 helloworld 目錄下,命令:cd helloworld

c、裝載 node 包管理器,執行命令:npm install

d、啟動 helloworld,輸入命令:npm start,如下圖,新建立的 helloworld 已經執行在3000埠上

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

至此,我們對於node.js從開始部署到第一個測試程式的建立和執行就完成了。通過這個實踐,我們可以清楚的瞭解到node.js的整個執行原理和注意細節。