一、安装建立项目
1、安装nodejs
2、安装express(全局)
npm install -g express
默认安装的是4.12.4
3、由于在3.6版本之后项目构建器被单独拆分出来,所以还需要单独安装(全局)
npm install -g express-generator
安装好以后就可以查看express的版本了
express -V # 检查express的版本
4、进入工作目录通过express 创建项目
D:\>cd workspace/UedFe/www/express/ && express -e myexpress create : myexpress create : myexpress/package.json create : myexpress/app.js create : myexpress/public create : myexpress/public/stylesheets create : myexpress/public/stylesheets/ create : myexpress/public/images create : myexpress/views create : myexpress/views/index.ejs create : myexpress/views/error.ejs create : myexpress/routes create : myexpress/routes/index.js create : myexpress/routes/users.js create : myexpress/bin create : myexpress/bin/www install dependencies: > cd myexpress && npm install run the app: > SET DEBUG=myexpress:* & npm start create : myexpress/public/javascripts
express -e myexpress
这句我理解就是模板为ejs,如果不带这个参数或者是-j 那模板就会是使用jade了。
5、进入项目目录并进行依赖安装
在express生成项目目录时,会自动生成package.json 文件,需要自行安装
cd myexpress && npm install
6、将ejs 模板文件后缀修改为html
打开app.js
找到--> app.set(‘view engine‘, ‘ejs‘); 替换为--> app.engine(‘.html‘, ejs.__express); app.set(‘view engine‘, ‘html‘);
并将view文件夹下的模板文件后缀改成html即可。
二、目录结构
- bin, 存放启动项目的脚本文件
- node_modules, 存放所有的项目依赖库。
- public,静态文件(css,js,img)
- routes,路由文件(MVC中的C,controller)
- views,页面文件(Ejs模板)
- package.json,项目依赖配置及开发者信息
- app.js,应用核心配置文件
三、启动服务
npm start
即可看到首页了。
时间: 2024-10-07 14:02:37