Express-cli搭建 & 项目结构分析

Express cli 项目构建

• 全局安装 npm install express -g
• 进入项目目录 npm init -y 初始化

• 在命令行中输入 express 命令,自动生成项目目录
  

• npm install 安装项目依赖
  

• 启动 npm run start > localhost:3000即可进入项目

脚手架目录结构分析

• views/*.jade 文件的简单实用 ;jade详细语法将在后期补充
  
  

//在app.js中的模板引擎设置   (此views目录不可修改移动)
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

• public/目录是我们存放的静态件 ;

//app.js 中使用静态文件中间件
app.use(express.static(path.join(__dirname, 'public')));

• router/ 此目录是路由目录

// router/index.js   分析其中一个路由文件
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
  // 一定要有res.render对模板有一个输出
    /**
     * 'index' router文件下的 index.js 文件
     * { title : ''}  这要往*.jade模板中输入的 变量
     */
  res.render('index', { title: 'Express' });
});

module.exports = router;

//使用  app.js 
//引入 路由模块
var index = require('./routes/index');
var users = require('./routes/users');
//配置路由模块
app.use('/', index);
app.use('/users', users);//第一层路由

//不用cli搭建时 自定义的使用 这段的代码有也是express的核心理论