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實(shí)現(xiàn)靜態(tài)文件緩存詳解
HTTP 緩存機(jī)制作為 Web 應(yīng)用性能優(yōu)化的重要手段,對(duì)于從事 Web 開發(fā)的同學(xué)們來(lái)說(shuō),應(yīng)該是知識(shí)體系的基礎(chǔ)環(huán)節(jié),也是想要成為前端架構(gòu)的必備技能,這篇文章主要給大家介紹了關(guān)于如何利用node實(shí)現(xiàn)靜態(tài)文件緩存的相關(guān)資料,需要的朋友可以參考下2021-07-07Node.js如何對(duì)SQLite的async/await封裝詳解
這篇文章主要給大家介紹了關(guān)于Node.js如何對(duì)SQLite的async/await進(jìn)行封裝的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02node腳手架搭建服務(wù)器實(shí)現(xiàn)token驗(yàn)證的方法
這篇文章主要介紹了node腳手架搭建服務(wù)器實(shí)現(xiàn)token驗(yàn)證的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01node連接kafka2.0實(shí)現(xiàn)方法示例
這篇文章主要介紹了node連接kafka2.0,nodejs連接kafka2.0的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了kafka2.0的功能、原理、以及node.js連接kafka2.0的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2023-05-05教你如何用Node實(shí)現(xiàn)API的轉(zhuǎn)發(fā)(某音樂(lè))
這篇文章主要介紹了教你如何用Node實(shí)現(xiàn)API的轉(zhuǎn)發(fā)(某音樂(lè)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09