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

vue

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

以上是 Vue nodejs商城项目-搭建express框架环境 的全部内容, 来源链接: utcz.com/z/379398.html

回到顶部