express学习 - （1）环境配置与第一个express项目

npm install -g express-generator

yarn global add express-generator

express myproject

var createError = require('http-errors');          // http错误处理模块
var express = require('express');                  // express模块
var path = require('path');                        // path 模块
var cookieParser = require('cookie-parser');       // cookie处理模块
var logger = require('morgan');                    // 日志管理模块
var indexRouter = require('./routes/index');       // 路由目录中的`index.js`文件  
var usersRouter = require('./routes/users');       // 路由目录中的`user.js`文件
var app = express();                               // 创建express应用实例
// view engine setup
app.set('views', path.join(__dirname, 'views'));               // 定义页面目录
app.set('view engine', 'jade');                                // 定义页面模板引擎
app.use(logger('dev'));                                        // 定义日志打印级别
app.use(express.json());                                       // 定义JSON格式处理数据
app.use(express.urlencoded({ extended: false }));              // 定义使用urlencode处理数据集querystring模块解析数据
app.use(cookieParser());                                       // 定义使用cookie处理对象
app.use(express.static(path.join(__dirname, 'public')));       // 定义静态资源目录
app.use('/', indexRouter);                    // 定义指向index.js
app.use('/users', usersRouter);               // 定义指向users.js
app.use(function(req, res, next) {            // 定义404错误处理
  next(createError(404));
});
app.use(function(err, req, res, next) {       // 定义其它错误处理
  // 设置 locals，只在开发环境生效
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};
  res.status(err.status || 500);            // 返回http状态码
  res.render('error');                      // 渲染错误页面
});
module.exports = app;

app.use([path,] callback [, callback...])

app.use(function (req, res, next) {
  console.log('Time: %d', Date.now())
  next()
})

// this middleware will not allow the request to go beyond it
app.use(function (req, res, next) {
  res.send('Hello World')
})
// requests will never reach this route
app.get('/', function (req, res) {
  res.send('Welcome')
})

app.use(function (err, req, res, next) {
  console.error(err.stack)
  res.status(500).send('Something broke!')
})

// GET /style.css etc
app.use(express.static(path.join(__dirname, 'public')))

// GET /static/style.css etc.
app.use('/static', express.static(path.join(__dirname, 'public')))

app.use(express.static(path.join(__dirname, 'public')))
app.use(logger())

app.use(express.static(path.join(__dirname, 'public')))
app.use(express.static(path.join(__dirname, 'files')))
app.use(express.static(path.join(__dirname, 'uploads')))

app.set(name, value)

var express = require('express');                // 引入express
var router = express.Router();                   // 引入express路由器对象
router.get('/', function(req, res, next) {       // 定义一个请求方式为 GET 的路由，其路由值为'/'，也就是首页。
  res.render('index', { title: 'Express' });     // 路由交给名为`index`的视图模板文件进行渲染，并给视图闯入title参数值为`Express`
});
module.exports = router;                         // 导出路由

var express = require('express');
var router = express.Router();
/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});
module.exports = router;

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

extends layout
block content
  h1= title
  p Welcome to #{title}

extends layout
block content
  h1= message
  h2= error.status
  pre #{error.stack}

yarn install

npm install

{
  "name": "myproject",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "express": "~4.16.1",
    "http-errors": "~1.6.3",
    "jade": "~1.11.0",
    "morgan": "~1.9.1"
  }

yarn start

npm start

app.listen(3000);           // 默认使用的端口为3000，将数字改成你想要指定的端口号即可

yarn global add nodemon

npm install -g nodemon