- Vue.js+Node.js全棧開(kāi)發(fā)實(shí)戰(zhàn)(第2版)
- 王金柱編著
- 2254字
- 2024-12-31 20:25:58
1.2 搭建Node.js開(kāi)發(fā)環(huán)境
學(xué)習(xí)任何一門編程語(yǔ)言,第一步都是搭建好該語(yǔ)言的開(kāi)發(fā)環(huán)境。Node.js可以在多個(gè)不同的平臺(tái)穩(wěn)定運(yùn)行,并且均具有良好的兼容性。本節(jié)主要介紹如何在Windows系統(tǒng)平臺(tái)下搭建Node.js的開(kāi)發(fā)環(huán)境,至于其他操作系統(tǒng)平臺(tái),操作方法大同小異,讀者可自行學(xué)習(xí)。
1.2.1 Windows 10系統(tǒng)下安裝部署Node.js開(kāi)發(fā)環(huán)境
Node.js可以在多個(gè)版本的Windows系統(tǒng)平臺(tái)(Windows 7、Windows 10、Windows 11以及Windows Server系列等)下穩(wěn)定運(yùn)行,本書主要介紹在Windows 10系統(tǒng)下Node.js開(kāi)發(fā)環(huán)境的安裝部署過(guò)程。
在Windows 10系統(tǒng)中進(jìn)行Node.js環(huán)境部署相對(duì)簡(jiǎn)單。從Node.js的官方網(wǎng)站(https://nodejs.org/en/download/)上下載最新的Node.js安裝包。如果下載網(wǎng)速較慢,國(guó)內(nèi)用戶還可以通過(guò)Node.js官方中文網(wǎng)站(http://nodejs.cn/download/)進(jìn)行下載。中文站點(diǎn)的下載頁(yè)面與英文版官方網(wǎng)站的下載頁(yè)面略有不同,中文網(wǎng)站只提供最新的發(fā)布版本,而英文官方網(wǎng)站同時(shí)提供最新的長(zhǎng)期支持(LTS)版本和最新的發(fā)布版本。
Node.js的安裝包在Windows平臺(tái)分為installer和binary兩個(gè)版本。installer是常用的安裝包發(fā)布版本(.msi),binary為二進(jìn)制版本(.exe),可以下載后直接運(yùn)行。這里建議使用后綴為.msi的安裝版本。此外,Node.js的安裝包分為32位和64位,在下載的時(shí)候要查看一下自己系統(tǒng)的具體信息,并選擇正確的安裝包進(jìn)行下載和安裝。
提示:Node.js的其他發(fā)布版本可以在https://nodejs.org/dist/中找到,本書以v18.17.1(LTS)64-bit版本在Windows 10系統(tǒng)下的安裝為例進(jìn)行介紹。
打開(kāi)Node.js官方網(wǎng)站的下載頁(yè)面(https://nodejs.org/en/download/),如圖1.3所示。

圖1.3 Node.js官方網(wǎng)站下載頁(yè)面
如圖1.3中的標(biāo)識(shí)所示,首先選擇LTS(長(zhǎng)期支持版)版本,然后在頁(yè)面上方選擇Windows Installer圖標(biāo),并左邊菜單欄上找到Windows Installer(.msi)菜單項(xiàng),最后選擇64-bit版本進(jìn)行下載。這里具體下載得到的安裝包名稱為“node-v18.17.1-x64.msi”,之后就可以進(jìn)行安裝了。
Node.js安裝包的具體安裝步驟如下:
Node.js安裝包是一個(gè)約31MB大小的、msi格式的Windows系統(tǒng)安裝文件。雙擊運(yùn)行該安裝包,會(huì)彈出如圖1.4所示的歡迎界面。
如圖1.4中的箭頭所示,通過(guò)單擊Next(下一步)按鈕進(jìn)入如圖1.5所示的End-User License Agreement(終端用戶協(xié)議許可)界面。
如圖1.5中的箭頭所示,勾選接受協(xié)議許可選項(xiàng)后,Next按鈕會(huì)變?yōu)槿鐖D1.6所示的可用狀態(tài)。
如圖1.6中的箭頭所示,單擊Next按鈕進(jìn)入下一步,此時(shí)會(huì)打開(kāi)選擇目標(biāo)安裝目錄界面,如圖1.7所示。默認(rèn)的安裝目錄為“C:\Program Files\nodejs\”,可以通過(guò)單擊Change…按鈕選擇自己的目標(biāo)安裝目錄,這里建議安裝在磁盤(可選任一磁盤,筆者選擇的是D盤)的根目錄下。
單擊圖1.7所示界面中的Next按鈕,進(jìn)入如圖1.8所示的Custom Setup(自定義安裝選項(xiàng))界面。

圖1.4 Node.js安裝(1)

圖1.5 Node.js安裝(2)

圖1.6 Node.js安裝(3)

圖1.7 Node.js安裝(4)
如圖1.8所示,默認(rèn)會(huì)安裝全部的“自定義安裝選項(xiàng)”。這里,建議讀者選擇安裝全部選項(xiàng),尤其Add to PATH選項(xiàng)是用來(lái)設(shè)置系統(tǒng)默認(rèn)的環(huán)境變量(PATH)的。另外,在完成安裝Node.js的時(shí)候,也默認(rèn)安裝了npm(npm package manager),npm是Node.js的包管理工具。
單擊圖1.8中的Next按鈕,進(jìn)入如圖1.9所示的Ready to install Node.js(準(zhǔn)備安裝)界面。

圖1.8 Node.js安裝(5)

圖1.9 Node.js安裝(6)
如圖1.9中箭頭所示,單擊Install按鈕就會(huì)開(kāi)始安裝,如圖1.10所示。
安裝完畢后,會(huì)顯示如圖1.11所示的界面,單擊Finish按鈕完成Node.js的安裝。

圖1.10 Node.js安裝(7)

圖1.11 Node.js安裝(8)
1.2.2 測(cè)試Node.js開(kāi)發(fā)環(huán)境
在Node.js開(kāi)發(fā)包安裝完畢后,要測(cè)試Node.js的開(kāi)發(fā)環(huán)境,以驗(yàn)證Node.js是否安裝成功。
測(cè)試方法很簡(jiǎn)單,在命令行窗口輸入以下node命令查看輸出結(jié)果就可以得知。

這里選擇Node.js自帶的命令行工具(Node.js command prompt)進(jìn)行測(cè)試,在系統(tǒng)菜單上找到Node.js command prompt,點(diǎn)擊打開(kāi),效果如圖1.12所示。

圖1.12 驗(yàn)證Node.js環(huán)境是否安裝成功
如圖1.12中的箭頭和標(biāo)識(shí)所示,通過(guò)輸入node -v命令查詢到當(dāng)前系統(tǒng)安裝了v18.17.1版本,表明Node.js開(kāi)發(fā)環(huán)境已經(jīng)安裝成功了。
前文中介紹了安裝Node.js時(shí)會(huì)自動(dòng)安裝包管理工具npm,下面再驗(yàn)證一下npm工具是否也安裝成功了,方法是通過(guò)輸入以下npm命令來(lái)實(shí)現(xiàn)。

效果如圖1.13所示。

圖1.13 驗(yàn)證NPM包管理工具是否安裝成功
如圖1.13中的箭頭和標(biāo)識(shí)所示,通過(guò)輸入npm -v命令查詢到當(dāng)前系統(tǒng)安裝了v9.6.1版本的npm,表明npm包管理工具也同步安裝成功了。
那么,Node.js開(kāi)發(fā)環(huán)境能做什么呢?最簡(jiǎn)單的一項(xiàng)功能就是可以直接在命令行運(yùn)行JavaScript腳本程序,具體可參看如圖1.14所示的操作過(guò)程。

圖1.14 直接在命令行運(yùn)行JavaScript腳本程序(1)
如圖1.14中的箭頭和標(biāo)識(shí)所示,首先要在命令行通過(guò)輸入“node”進(jìn)入Node.js開(kāi)發(fā)環(huán)境,然后就可以輸入JavaScript腳本代碼了。由于Node命令行開(kāi)發(fā)環(huán)境是交互式的JavaScript解釋器,因此在輸入JavaScript代碼并按回車鍵后,直接就可以打印出運(yùn)行結(jié)果。
其實(shí),這種輸入JavaScript代碼并按回車鍵后直接輸出結(jié)果的方式不夠用戶友好,如果想實(shí)現(xiàn)一些稍微復(fù)雜的JavaScript代碼就會(huì)很困難。好在JavaScript代碼是通過(guò)分號(hào)(;)斷句的,可以將若干句JavaScript代碼寫在一行中來(lái)完成。具體可參看如圖1.15所示的操作過(guò)程,將若干句JavaScript代碼寫在一行中,就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的求和運(yùn)算了。

圖1.15 直接在命令行運(yùn)行JavaScript腳本程序(2)
不過(guò),這種直接在Node命令行中編寫JavaScript腳本代碼的方式,僅限于非常簡(jiǎn)單的場(chǎng)景。如果想完成復(fù)雜的代碼功能,就需要通過(guò)Node.js環(huán)境運(yùn)行JavaScript腳本文件來(lái)實(shí)現(xiàn)了。
1.2.3 通過(guò)Node.js運(yùn)行JavaScript文件
在Node命令行環(huán)境中,可以直接運(yùn)行JavaScript腳本文件。方法也很簡(jiǎn)單,通過(guò)Node命令指定JavaScript文件名即可,具體如下:
node filename.js // filename.js指定具體JavaScript腳本文件名
下面,我們將1.2.2節(jié)中測(cè)試的兩段JavaScript腳本代碼整合到同一個(gè)JavaScript腳本文件中,代碼如下:
【代碼1-1】(詳見(jiàn)源代碼commandline目錄中的commandline.js文件)
01 console.log("Hello Node.js!"); 02 var a = 1; 03 var b = 2; 04 var c = a + b; 05 console.log("c = %d", c);
【代碼說(shuō)明】
· 在上面的代碼中,將1.2.2節(jié)中測(cè)試的兩段JavaScript腳本代碼寫在了一個(gè)JavaScript腳本文件中,然后通過(guò)Node命令行工具運(yùn)行該JavaScript腳本文件,如圖1.16所示。

圖1.16 Node命令行運(yùn)行JavaScript腳本文件
如圖1.16中的標(biāo)識(shí)所示,通過(guò)Node命令行運(yùn)行JavaScript腳本文件(commandline.js),得到了同樣的運(yùn)行結(jié)果。
在實(shí)際的Node.js項(xiàng)目開(kāi)發(fā)中,無(wú)論是使用輕量級(jí)代碼開(kāi)發(fā)工具,還是使用集成式的開(kāi)發(fā)平臺(tái)工具,且不論項(xiàng)目的JavaScript源代碼文件有多復(fù)雜(數(shù)量眾多且關(guān)系嵌套),在后臺(tái)均是通過(guò)上面的方式運(yùn)行JavaScript腳本文件的。
- 敏捷軟件開(kāi)發(fā)(珍藏版)
- Netty權(quán)威指南
- Scala機(jī)器學(xué)習(xí)
- MATLAB 2018從入門到精通
- 結(jié)構(gòu)BIM應(yīng)用教程
- Spring Cloud微服務(wù)架構(gòu)實(shí)戰(zhàn)
- Scrum敏捷軟件開(kāi)發(fā)
- 負(fù)載均衡:高并發(fā)網(wǎng)關(guān)設(shè)計(jì)原理與實(shí)踐
- 區(qū)塊鏈核心算法解析
- 統(tǒng)信UOS應(yīng)用開(kāi)發(fā)詳解
- 軟件研發(fā)行業(yè)創(chuàng)新實(shí)戰(zhàn)案例解析
- Web前端性能優(yōu)化
- HTML5游戲編程核心技術(shù)與實(shí)戰(zhàn)
- Serverless核心技術(shù)和大規(guī)模實(shí)踐
- Intel Quartus Prime數(shù)字系統(tǒng)設(shè)計(jì)權(quán)威指南:從數(shù)字邏輯、Verilog HDL 到復(fù)雜數(shù)字系統(tǒng)的實(shí)現(xiàn)