创建一个文件夹,在文件夹下,按照以下命令输入。
npm install express-generator -g
express --view=pug myapp
cd myapp
npm install
创建完成后输入
node app.js
这样就可以启动项目
在浏览器中打开 http://localhost:3000/ 就可以看见了
这是创建完成后的文件夹目录
.
├── app.js(这是项目入口文件,很重要)
├── bin
│ └── www(这是服务端配置文件也就是项目启动浇崩文件,管理的是使用 url 访问项目的端口号,以及url访问出错情况下的一些处理)
├── package.json
├── public(这是放置静态文件的地方)(如果不使用后端传输图片或文件就不用管)
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes(路由文件)
│ ├── index.js
│ └── users.js
└── views(页面文件)
├── error.pug
├── index.pug
└── layout.pug
app.js文件详解
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
//这是路由文件的引用
var index = require('./routes/index');
var users = require('./routes/users');
//
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));// 制定模板目录
app.set('view engine', 'jade'); // 设置模板引擎为jade
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
//以下是使用一个特殊的中间件,目的是为了支持 req.body(req.body是前端请求中所携带的数据) 的使用
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
// 获取cookie
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
//这是使用中间件之后的路由
app.use('/', index);
app.use('/users', users);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
// 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');
});
moule.exports = app;