nodejs+express+html 前端框架搭建

1.下载 nodejs 并 安装 点击打开链接

nodejs+express+html 前端框架搭建_第1张图片

2. 安装 express

  nodejs+express+html 前端框架搭建_第2张图片

3.进入D盘 shift+右键   

nodejs+express+html 前端框架搭建_第3张图片

4.执行   express -e node-demo     命令 创建  node-demo项目

nodejs+express+html 前端框架搭建_第4张图片

5.打开 node-demo 项目

nodejs+express+html 前端框架搭建_第5张图片 

6. 在此目录打开cmd     执行  npm install 安装所需插件   执行完会新增 node_modules 文件

nodejs+express+html 前端框架搭建_第6张图片

nodejs+express+html 前端框架搭建_第7张图片

7.打开 app.js 文件    

增加  var ejs = require('ejs');

app.engine('.html', ejs.__express);
app.set('view engine', 'html');

注释或删除掉

app.set('view engine', 'ejs');

nodejs+express+html 前端框架搭建_第8张图片


8.views 目录下 文件 后缀名 修改为  .html

9.启动 项目

nodejs+express+html 前端框架搭建_第9张图片nodejs+express+html 前端框架搭建_第10张图片


你可能感兴趣的:(移动开发,web前端)