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

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

1.express-project

搭建express框架环境

安装express generator生成器

通过生成器自动创建项目

配置分析

安装

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

正常是前后端分离,建立两个项目。此项目为了测试前后端未分离,将package.jsondependencies合并到根目录的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

posted on 2018-06-28 03:29 gisery 阅读( ...) 评论( ...) 编辑 收藏
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值