中山市原創(chuàng)動(dòng)力網(wǎng)絡(luò)科技有限公司
創(chuàng)您所想與您同在
免費(fèi)互聯(lián)網(wǎng)品牌營銷咨詢服務(wù)
立刻咨詢
13450931319來源：cc果凍LXY 發(fā)布時(shí)間：2019-03-30 17:32:34 閱讀量：1791
一 、先全局安裝express
npm i express -g
二、新建一個(gè)文件work
用npm init初始化文件會(huì)生成一個(gè)package.json文件
三、安裝express本地依賴
接下來安裝Express并將其保存到依賴列表中：
npm i express --save
（如果只是臨時(shí)安裝Express，不想將它添加到依賴列表中，只需略去–save即可）
四、安裝腳手架
express -e
bin文件夾
有一個(gè)www的文本文件，主要是對app.js模塊的一個(gè)接收，通過node讓瀏覽器negative夠解析到app.js模塊
public
此文件夾下放的是靜態(tài)資源文件，想js文件，圖片，css文件都放在該目錄下面，由于app.js對其路徑進(jìn)行了相關(guān)配置，所以，如果在ejs文件里面調(diào)用，直接寫根目錄下的路徑就可以，不用../public/stylesheet等這樣的寫，直接/stylesheet下面的文件就可以。
routers
這個(gè)文件夾主要用來寫路由，index.js主要用來做視圖展示部分的、渲染頁面，user.js主要是用來做數(shù)據(jù)邏輯處理的。
views
views文件夾下面放的是視圖文件，相當(dāng)于html頁面，但是express用到的是ejs模板引擎。
app.js
app.js是程序啟動(dòng)的入口，引入我們需要的模塊和路由。
注：
ejs模板引擎
模板引擎是一個(gè)將頁面模板和數(shù)據(jù)結(jié)合起來生成 html 的工具。ejs 就是其中一種。有3種常用標(biāo)簽
詳情請參考官方文檔：https://ejs.bootcss.com/
<% javascript的代碼 %>：運(yùn)行 JavaScript 代碼，不輸出
<%= 變量名 %>：顯示轉(zhuǎn)義后的 HTML內(nèi)容
<%- 變量名 %>：顯示原始 HTML 內(nèi)容
運(yùn)行：
如果配置node ./bin/www
微信登錄
QQ登錄
微博登錄
售前咨詢
