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.啟動cmd輸入命令查看node及npm版本
node -vnpm -v

npm是node完成安裝后自帶的包管理器
二、安裝Express
express是node平臺下最常用的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ú)立出來
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的語法與html有較大差異,對縮進(jìn)也是要求嚴(yán)格的

2.以ejs作為模板引擎創(chuàng)建項(xiàng)目
express APP_NAME -e
在項(xiàng)目名稱的后面添加 -e 那么創(chuàng)建出來的模板文件就是.ejs類型,語法是與html相同的

3.將ejs文件改為html
若希望模板文件的后綴為.html(通常只是為了看著更舒服),那么在手動將.ejs換成.html后,還需要對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命令,請查看npm常用命令集合
四、啟動服務(wù)
1.啟動
npm start
監(jiān)聽bin/www文件,默認(rèn)端口為3000,可在www文件中更改

2.打開瀏覽器,輸入localhost:3000

3.自動重啟服務(wù)
打開package.json可以看見,監(jiān)聽bin/www文件的命令是node

使用node監(jiān)聽將會導(dǎo)致:每次修改代碼后,需要手動重啟服務(wù),可以使用nodemon進(jìn)行自動重啟
npm install -g nodemon
同樣可以使用下面的命令查看其版本
nodemon -v
將package.json文件中的代碼修改為:
"start": "nodemon ./bin/www"
重新執(zhí)行:
npm start

接下來,就可以隨心所欲的編碼了...
- 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)用戶登錄注冊功能
- 深入理解nodejs中Express的中間件
- 用node和express連接mysql實(shí)現(xiàn)登錄注冊的實(shí)現(xiàn)代碼
- 使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹
- Node Express用法詳解【安裝、使用、路由、中間件、模板引擎等】
相關(guān)文章
NodeJS實(shí)現(xiàn)跨域的方法(使用示例)
CORS是一種 W3C 標(biāo)準(zhǔn),它使用額外的 HTTP 頭來告訴瀏覽器讓運(yùn)行在一個 origin (domain) 上的Web應(yīng)用被準(zhǔn)許訪問來自不同源服務(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中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟
本文主要介紹了Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-11-11
使用Node.js腳本自動統(tǒng)計代碼量的實(shí)現(xiàn)代碼
手動統(tǒng)計代碼行數(shù)通常會耗費(fèi)大量時間和精力,為了提高統(tǒng)計效率并減少人為錯誤,我們可以借助自動化工具來完成這項(xiàng)任務(wù),本文將介紹如何使用 Node.js 腳本來自動化統(tǒng)計項(xiàng)目代碼行數(shù),讓我們能夠輕松快捷地獲取項(xiàng)目的代碼量信息,需要的朋友可以參考下2023-12-12
淺談node使用jwt生成的token應(yīng)該存在哪里
早上逛某乎的時候,遇到一位同學(xué)在問這個問題,很好奇jwt的存儲位置。本文詳細(xì)的介紹一下,感興趣的可以了解一下2021-06-06

