Vue nodejs商城项目-搭建express框架环境

1.express-project

搭建express框架环境

安装express generator生成器

通过生成器自动创建项目

配置分析

安装

1. cnpm i -g express-generator
2. express --version // 查看版本
3. express server // 创建项目

正常是前后端分离，建立两个项目。此项目为了测试前后端未分离，将package.json的dependencies合并到根目录的package.json。

1. cnpm install // 安装依赖
2. cd server
3. node bin/www // 运行

浏览器输入localhost:3000

2.更换html模板引擎

express项目views文件夹内文件格式是.jade格式，若要改成HTML文件

首先安装ejs模板。

1. cnpm install ejs --save //安装ejs
2. app.js
3.  
4. var ejs = require('ejs');
5. app.engine('.html',ejs.__express); // 设置html后缀模板引擎
6. app.set('view engine', 'jade'); 改成 app.set('view engine', 'html');
7.  
8.  
9. 在views文件夹内建立index.html文件，重新启动express
10.  
11. node bin/www

localhost:3000