- 安装:
npm i -g express - 查看版本
express --version - 使用express生成器生成一个express文件
npm i -g express-generator - 创建项目
express 项目名 - 安装依赖
cd 项目文件名
npm install - 启动
npm start
注:启动后,express项目不会自动打开浏览器,需要手动输入:localhost:3000就可以进入页面了
浏览器展示
补:实践总结:
如上图中虽然生成了各个文件夹,但是直接在routes中写入新的文件和接口,不能直接获取到接口,这是因为express也是有入口文件的,外层的app.js,这个也不能少,地址应该是“/app/router/index”,如图示:
bin/www文件中是通过
var server = http.createServer(app);
server.listen(port);
创建服务器并监听指定端口, 然后在 app.js 中对访问此端口的请求进行处理
在入口文件 app.js 中, 主要做了以下工作:
1.导入相关模块(包含第三方模块和自定义模块, 以及express模块), 例如:
var createError = require('http-errors'); // 错误处理模块
var express = require('express');
var path = require('path'); // 路径处理模块
var cookieParser = require('cookie-parser'); // cookie解析
var logger = require('morgan'); // 日志打印
2. 创建express实例
var app = express()
- 使用app.set 设置express内部的一些参数, 例如:
// 设置模板引擎
app.set('view engine', 'html');
app.set('views', path.resolve(__dirname, 'views'));
4.使用app.use 注册中间件函数, 例如:
// 注册中间件
app.use(logger('tiny')); // 设置日志打印格式
app.use(express.json()); // 对请求进行json解析
app.use(express.urlencoded({ extended: false })); // 对请求的URL进行解析
app.use(cookieParser()); // cookie解析
app.use(express.static(path.join(__dirname, 'public'))); // 设置静态资源的路径
参考:https://blog.csdn.net/sinat_36629696/article/details/106021998
express 框架中使用nodemon实现服务自启动
1.安装:npm install nodemon -S
2.package.json
"scripts": {
"start": "tsc && node app.js",
"dev": "nodemon" // npm run dev
}
最后命令行中执行npm run dev命令启动就好了。
这是一种最快捷的方式,不需要再配置一个nodemon.json文件了。
用以上的方法会报错,说找不到nodemon,而且输入nodemon -v也找不到
解决:(重点)
安装后会报找不到nodemon
也会报
[nodemon] clean exit - waiting for changes before restart
这是因为: nodemon安装的不对
安装:
(如果安装以上第一条数据,则要卸载
npm uninstall nodemon)
sudo npm install -g --force nodemon
这样 就可以了,但是还会出现
[nodemon] clean exit - waiting for changes before restart
解决:这个问题的产生是因为在package.json中scripts内的dev配置错误了,
这样我们不用每次在更改数据后重新启动项目了,直接刷新就ok了