序：如果你還不知道Node.js是什么，那么你可以先看看這篇：Node.js 究竟是什么？或者任何關(guān)于它的介紹。

創(chuàng)新互聯(lián)公司企業(yè)建站,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn)，專(zhuān)注于網(wǎng)站建設(shè)技術(shù)，精于網(wǎng)頁(yè)設(shè)計(jì)，有多年建站和網(wǎng)站代運(yùn)營(yíng)經(jīng)驗(yàn)，設(shè)計(jì)師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格，提供周到的建站售前咨詢和貼心的售后服務(wù)。對(duì)于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)中不同領(lǐng)域進(jìn)行深入了解和探索，創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求，以靈動(dòng)的思維在網(wǎng)頁(yè)中充分展現(xiàn)，通過(guò)對(duì)客戶行業(yè)精準(zhǔn)市場(chǎng)調(diào)研，為客戶提供的解決方案。

一、安裝Node.js

1.進(jìn)入Node.js官網(wǎng)下載并安裝

2.啟動(dòng)cmd輸入命令查看node及npm版本

node -vnpm -v

npm是node完成安裝后自帶的包管理器

二、安裝Express

express是node平臺(tái)下最常用的web應(yīng)用開(kāi)發(fā)框架

1.全局安裝express

npm install -g express

Win7環(huán)境全局安裝在C:\Users\Administrator\AppData\Roaming\npm\node_modules文件夾下

2.全局安裝express命令行工具

npm install -g express-generator

在最新的4.x版本中，命令行工具已經(jīng)被獨(dú)立出來(lái)

3.查看express版本

express -V

4.更新已安裝的express

npm update -g express

三、使用Express創(chuàng)建項(xiàng)目

1.創(chuàng)建項(xiàng)目

express APP_NAME

express默認(rèn)以jade作為模板引擎，模板文件為.jade類(lèi)型；jade的語(yǔ)法與html有較大差異，對(duì)縮進(jìn)也是要求嚴(yán)格的

2.以ejs作為模板引擎創(chuàng)建項(xiàng)目

express APP_NAME -e

在項(xiàng)目名稱的后面添加 -e 那么創(chuàng)建出來(lái)的模板文件就是.ejs類(lèi)型，語(yǔ)法是與html相同的

3.將ejs文件改為html

若希望模板文件的后綴為.html(通常只是為了看著更舒服)，那么在手動(dòng)將.ejs換成.html后，還需要對(duì)app.js文件進(jìn)行設(shè)置

var ejs = require('ejs');

app.engine('.html', ejs.__express);
app.set('view engine', 'html');  //app.set('view engine', 'ejs');

原文件：

修改后：

4.安裝依賴包

進(jìn)入項(xiàng)目文件夾，執(zhí)行：

npm install

下載package.json中記錄的所有依賴包到node_modules文件夾

注意：更多npm命令，請(qǐng)查看npm常用命令集合

四、啟動(dòng)服務(wù)

1.啟動(dòng)

npm start

監(jiān)聽(tīng)bin/www文件，默認(rèn)端口為3000，可在www文件中更改

2.打開(kāi)瀏覽器，輸入localhost:3000

3.自動(dòng)重啟服務(wù)

打開(kāi)package.json可以看見(jiàn)，監(jiān)聽(tīng)bin/www文件的命令是node

使用node監(jiān)聽(tīng)將會(huì)導(dǎo)致：每次修改代碼后，需要手動(dòng)重啟服務(wù)，可以使用nodemon進(jìn)行自動(dòng)重啟

npm install -g nodemon

同樣可以使用下面的命令查看其版本

nodemon -v

將package.json文件中的代碼修改為：

"start": "nodemon ./bin/www"

重新執(zhí)行：

npm start

接下來(lái)，就可以隨心所欲的編碼了...

新聞標(biāo)題：Node.js使用Express創(chuàng)建Web項(xiàng)目詳細(xì)教程
鏈接分享：http://www.aaarwkj.com/article12/iggjdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、Google、網(wǎng)站導(dǎo)航、搜索引擎優(yōu)化、域名注冊(cè)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)