一,全局安装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结果为