express-generator ,实现了express框架

express-generator ,实现了express框架

直接借助一个工具来搭建一个Node.js项目，这个工具叫做 express-generator ,这个工具帮助我们实现了express框架

1. 安装 express-generator
   $ cnpm i express-generator -g

2. 创建express 项目
   $ express -e 项目名称 -e是安装 ejs 模板
   ’项目名称‘为项目所在文件夹的名称
   如：$ express -e 3-express
   然后 按上面的提示要求
   $ cd 3-express/
   然后 $ cnpm i 或者
   快速创建 npm init -y / cnpm init -y / yarn init -y

3. 分析目录

• package.json 整个项目的依赖配置文件
• app.js 是整个项目的入口文件
• views/xx.ejs 是整个项目的模板（模板内容是什么，将来页面呈现就是什么）
• routes 是整个项目的路由配置文件
• public 静态资源文件（img css js )
• node_modules 整个项目的依赖包
• bin / www 整个项目的服务器配置文件

4. 启动项目 package.json 中 npm 脚本
   $ npm run start

5. 研究项目代码

• 入口文件

6. APP.js里面的东西解释

// 引入项目所需要的第三方包
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

// 引入项目路由配置文件
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

// 创建app对象
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// 应用级中间件

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// 路由级中间件

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});


// 错误处理中间件
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};

// render the error page
res.status(err.status || 500);
res.render('error');
});

module.exports = app;

7. 在bin里面的www文件中改成
   server.listen(port,function(){
   console.log( ‘服务器运行在: http://localhost:3000’ )
   });
   这样运行服务器
   就可以输出大致的雏形