Node.js使用Express創(chuàng)建Web項(xiàng)目詳細(xì)教程

更新時(shí)間：2017年03月31日 09:01:13 作者：耗子王

如果需要入門使用node.js進(jìn)行web開(kāi)發(fā)，正在學(xué)習(xí) nodejs web開(kāi)發(fā)指南的和想快速了解node.js web開(kāi)發(fā)模式的朋友，相信本文是有一定幫助意義的。

序：如果你還不知道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)用開(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類型；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)聽(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)，就可以隨心所欲的編碼了...

您可能感興趣的文章:

相關(guān)文章

詳解Node.js中的模塊化方法
這篇文章主要為大家介紹了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)許訪問(wè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ù)雜的事情,但是在安裝過(guò)程中需要注意一些細(xì)節(jié),下面這篇文章主要給大家介紹了關(guān)于windows系統(tǒng)下安裝npm(Node.js)的相關(guān)資料,需要的朋友可以參考下
2023-12-12
node通過(guò)npm寫一個(gè)cli命令行工具
本篇文章主要介紹了node通過(guò)npm寫一個(gè)cli命令行工具，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10
Node.js Domain 模塊實(shí)例詳解
這篇文章主要介紹了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)代理跨域的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(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 開(kāi)發(fā)簡(jiǎn)單的腳手架工具
這篇文章主要介紹了詳解使用 Node.js 開(kāi)發(fā)簡(jiǎn)單的腳手架工具，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
淺談node使用jwt生成的token應(yīng)該存在哪里
早上逛某乎的時(shí)候，遇到一位同學(xué)在問(wèn)這個(gè)問(wèn)題，很好奇jwt的存儲(chǔ)位置。本文詳細(xì)的介紹一下，感興趣的可以了解一下
2021-06-06
詳解在express站點(diǎn)中使用ejs模板引擎
本篇文章主要介紹了在express站點(diǎn)中使用ejs模板引擎，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09