搭建基于Express框架的运行环境

一，全局安装express-generator

npm install -g express-generator   //安装express generator生成器，可以快速构建express项目，安装不正确无法使用express *命令

npm install -g express    //全局安装express

express --version   //查看express版本

二，快速构建项目

express express_mongo(项目名)

构建项目的目录结构如下图所示

三，配置分析

1，bin

bin是我们的可执行文件，启动项目时，在项目根目录下打开命令行窗口，输入

node ./bin/www

启动项目

www文件通过加载http模块，启动一个服务，从而启动整个项目

2，public

public中存放静态资源，图片、js、css等

3，router

router就是浏览器访问的地址，配置路由

4，views 视图

5，app.js是入口文件

app.js文件解析

var createError = require('http-errors');
var express = require('express');  //加载express框架
var path = require('path');   //node自带模块，当前路径
var cookieParser = require('cookie-parser'); //获取cookie信息
var logger = require('morgan');  //日志输出

var indexRouter = require('./routes/index'); //加载路由模块
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));  //设置页面访问路径，当前目录下的views目录
app.set('view engine', 'jade');//设置视图引擎，可在这里将jade引擎改为html引擎

app.use(logger('dev'));  //app.use()使用模块或插件
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);

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

//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;

6，package是项目配置文件

四，安装依赖，启动项目

进入项目根目录，使用命令安装依赖： npm install 

启动项目 node ./bin/www

浏览器地址栏输入 localhost:3000 ，回车页面如下图所示说明服务启动成功

五，将项目视图引擎engine 改为html引擎

1，首先删除views目录下的.jade文件，新建一个index.html文件，并写入内容

2，安装ejs,执行命令  npm install ejs --save

3，在app.js中引入ejs  

var ejs=require('ejs'); //html视图引擎

4，在app.js中修改视图引擎

将

// view engine setup
app.set('views', path.join(__dirname, 'views'));  //设置页面访问路径，当前目录下的views目录
app.set('view engine', 'jade');//设置视图引擎，可在这里将jade引擎改为html引擎

改为

// view engine setup
app.set('views', path.join(__dirname, 'views'));  //设置页面访问路径，当前目录下的views目录
app.engine('html',ejs.__express);
app.set('view engine', 'html');//设置视图引擎，可在这里将jade引擎改为html引擎

5，在命令行启动项目：node ./bin/www

6，在浏览器端访问localhost:3000,查看运行结果为第一步中新建的index.html文件

六，更改npm全局安装模块路径

在这里将全局模块安装到node的安装目录下

我的node安装目录为C:\Program Files\nodejs

在nodejs文件夹下新建两个文件夹node_global、node_cache

在cdm命令行工具中输入如下命令

npm config set prefix "C:\Program Files\nodejs\node_global"

npm config set cache "C:\Program Files\nodejs\node_cache"

接下来配置环境变量

在 “计算机——》属性——》高级系统配置——》环境变量”

在系统变量中新建 "NODE_PATH"，其值设置为“C:\Program Files\nodejs\node_global\node_modules”，点击确定

然后在用户变量中选择path，点击编辑

将C:\Users\Administrator\AppData\Roaming\npm

改为

C:\Program Files\nodejs\node_global

点击确定，完成系统变量配置

验证，打开cmd

输入 npm i -g express-generator 

然后输入 npm i -g express

安装完成后在node_global下的node_modules下显示如下

在cmd中输入express --version结果为