搭建基于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搭建


橙汁味的西瓜酱
27 声望5 粉丝

Amateur painter


引用和评论

0 条评论