搭建基于Express框架運(yùn)行環(huán)境
- 安裝express generator生成器
- 通過(guò)生成器自動(dòng)創(chuàng)建項(xiàng)目
- 配置分析
安裝
通過(guò)應(yīng)用生成器工具 express 可以快速創(chuàng)建一個(gè)應(yīng)用的骨架
npm i -g express-generator
express --version // 查看版本
注意:一定要全局安裝蛉幸，要不然express --version報(bào)命令不存在
<p style="color:red">執(zhí)行如下命令后</p>
express server // 創(chuàng)建項(xiàng)目
生成如下圖所示
image
正常是前后端分離破讨，建立兩個(gè)項(xiàng)目。此項(xiàng)目為了測(cè)試前后端未分離奕纫，將package.json的dependencies合并到根目錄的package.json
npm install // 安裝依賴(lài)
cd server
node bin/www // 運(yùn)行
瀏覽器輸入localhost:3000
image
更換html模板引擎
express項(xiàng)目views文件夾內(nèi)文件格式是.jade格式提陶，若要改成HTML文件。
cnpm install ejs --save //安裝ejs
app.js
var ejs = require('ejs');
app.engine('.html',ejs.__express); // 設(shè)置html后綴模板引擎
app.set('view engine', 'jade'); 改成 app.set('view engine', 'html');
在views文件夾內(nèi)建立index.html文件匹层，重新啟動(dòng)express
node bin/www
localhost:3000
image
參考
Express搭建
