搭建基於express框架的運行環境

搭建基於Express框架運行環境

• 安裝express generator生成器
• 經過生成器自動建立項目
• 配置分析

安裝

經過應用生成器工具 express 能夠快速建立一個應用的骨架

npm i -g express-generator
express --version        // 查看版本

注意:必定要全局安裝，要否則express --version報命令不存在
<p style="color:red">執行以下命令後</p>

express server  // 建立項目

生成以下圖所示

正常是先後端分離，創建兩個項目。此項目爲了測試先後端未分離，將package.json的dependencies合併到根目錄的package.json

npm install   // 安裝依賴
cd server
node bin/www   // 運行

瀏覽器輸入localhost:3000

更換html模板引擎
express項目views文件夾內文件格式是.jade格式，若要改爲HTML文件。

cnpm install ejs --save   //安裝ejs

app.js

var ejs = require('ejs');
app.engine('.html',ejs.__express);  // 設置html後綴模板引擎
app.set('view engine', 'jade'); 改爲 app.set('view engine', 'html');

在views文件夾內創建index.html文件，從新啓動express

node bin/www

localhost:3000

參考

Express搭建