Node.js使用Express創(chuàng)建Web項(xiàng)目詳細(xì)教程
序：如果你還不知道Node.js是什么，那么你可以先看看這篇：Node.js 究竟是什么？或者任何關(guān)于它的介紹。
一、安裝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)用開發(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類型；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類型，語(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)聽bin/www文件，默認(rèn)端口為3000，可在www文件中更改
2.打開瀏覽器，輸入localhost:3000
3.自動(dòng)重啟服務(wù)
打開package.json可以看見，監(jiān)聽bin/www文件的命令是node
使用node監(jiān)聽將會(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)，就可以隨心所欲的編碼了...
- nodejs教程 安裝express及配置app.js文件的詳細(xì)步驟
- node.js Web應(yīng)用框架Express入門指南
- NodeJS框架Express的模板視圖機(jī)制分析
- 詳解nodejs中express搭建權(quán)限管理系統(tǒng)
- Node.js Express安裝與使用教程
- Nodejs的express使用教程
- Node.js+Express+MySql實(shí)現(xiàn)用戶登錄注冊(cè)功能
- 深入理解nodejs中Express的中間件
- 用node和express連接mysql實(shí)現(xiàn)登錄注冊(cè)的實(shí)現(xiàn)代碼
- 使用 NodeJS+Express 開發(fā)服務(wù)端的簡(jiǎn)單介紹
- Node Express用法詳解【安裝、使用、路由、中間件、模板引擎等】
相關(guān)文章
這篇文章主要為大家介紹了Node.js的模塊化，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-01-01
NodeJS實(shí)現(xiàn)跨域的方法(使用示例)
CORS是一種 W3C 標(biāo)準(zhǔn),它使用額外的 HTTP 頭來(lái)告訴瀏覽器讓運(yùn)行在一個(gè) origin (domain) 上的Web應(yīng)用被準(zhǔn)許訪問來(lái)自不同源服務(wù)器上的指定的資源,這篇文章主要介紹了NodeJS實(shí)現(xiàn)跨域的方法,需要的朋友可以參考下2024-05-05
windows系統(tǒng)下安裝npm(Node.js)方法教程
在Windows環(huán)境下進(jìn)行Node.js的安裝并不是一件復(fù)雜的事情,但是在安裝過程中需要注意一些細(xì)節(jié),下面這篇文章主要給大家介紹了關(guān)于windows系統(tǒng)下安裝npm(Node.js)的相關(guān)資料,需要的朋友可以參考下2023-12-12
本篇文章主要介紹了node通過npm寫一個(gè)cli命令行工具 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-10-10
這篇文章主要介紹了Node.js Domain 模塊實(shí)例代碼，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟
本文主要介紹了Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
使用Node.js腳本自動(dòng)統(tǒng)計(jì)代碼量的實(shí)現(xiàn)代碼
手動(dòng)統(tǒng)計(jì)代碼行數(shù)通常會(huì)耗費(fèi)大量時(shí)間和精力,為了提高統(tǒng)計(jì)效率并減少人為錯(cuò)誤,我們可以借助自動(dòng)化工具來(lái)完成這項(xiàng)任務(wù),本文將介紹如何使用 Node.js 腳本來(lái)自動(dòng)化統(tǒng)計(jì)項(xiàng)目代碼行數(shù),讓我們能夠輕松快捷地獲取項(xiàng)目的代碼量信息,需要的朋友可以參考下2023-12-12
詳解使用 Node.js 開發(fā)簡(jiǎn)單的腳手架工具
這篇文章主要介紹了詳解使用 Node.js 開發(fā)簡(jiǎn)單的腳手架工具，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-06-06
淺談node使用jwt生成的token應(yīng)該存在哪里
早上逛某乎的時(shí)候，遇到一位同學(xué)在問這個(gè)問題，很好奇jwt的存儲(chǔ)位置。本文詳細(xì)的介紹一下，感興趣的可以了解一下2021-06-06
本篇文章主要介紹了在express站點(diǎn)中使用ejs模板引擎，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-09-09