express-脚手架的搭建

express脚手架的搭建

如果每次创建express项目都需要进行项目的配置已经插件的安装比较麻烦,所以使用脚手架对express进行配置

安装生成器

npm install express-generator -g

创建项目

express express-scaffold

安装依赖包

cd express-scaffold
npm install

创建成功后的代码结构

在这里插入图片描述

app.js中的代码

//加载处理错误的中间件
var createError = require('http-errors');
//express框架
var express = require('express');
//处理路径模块
var path = require('path');
//处理cookie中间件
var cookieParser = require('cookie-parser');
//处理访问日志中间件
var logger = require('morgan');
//路由文件
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
//使用express的入口函数
var app = express();

// view engine setup
//设置模板引擎 连接两个路径(当前页面的绝对路径+views)
app.set('views', path.join(__dirname, 'views'));
//jade是脚手架默认的文件格式
app.set('view engine', 'jade');
//安装 art-template
//	npm install --save art-template
//	npm install --save express-art-template
// 使用HTML的话可以把模板引擎加载到express
app.engine('html', require('express-art-template'))

//使用访问处理日志中间件
app.use(logger('dev'));
//处理post请求中  把post请求的数据 读取处理 放在req
app.use(express.json());
app.use(express.urlencoded({extended: false}));
//处理cookie
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;


启动项目

npm run start

设置保存后自动重新运行项目

安装nodemon

npm install nodemon -D

在package.json中加入配置

在script中加入dev 如下图所示
在这里插入图片描述

启动项目

npm run dev
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值