一、安装express库和生成器
打开cmd输入命令: yarn global add express express-generator
解释： 上面里两个模块分别表示库和生成器，在express3时，安装express会自动的给你安装生成器express-generator ，但是在express4时，他们就被分开了，所以需要分别安装。
安装好后可以通过命令：express –version 检查是否安装成功。
出现版本号即为安装成功（如下图所示）。
二、express生成器自动创建express项目
输入命令：express nodejs（如下图所示即为成功）
成功之后的目录：
三、跳转到package.json目录下安装相关的包
输入命令： yarn 或者 cnpm i 或者 npm i
四、启动项目
输入命令：npm run start
打开浏览器，访问127.0.0.1:3000就能获取访问我们的项目了
五、项目目录解释
bin：存放可执行文件
public：存放js、css、img等文件
router：存放路由文件
views：存放视图文件或者说模版文件
app.js：启动文件（入口文件）
package.json：存储着工程的信息及模块依赖，当在 dependencies 中添加依赖的模块时，运行 npm install，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块
node_modules：存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下
参考链接：
http://www.cnblogs.com/shimily/art…
六、在此项目中如何开发
首先在routes中新建一个test.js文件
<span>var</span> express = <span>require</span>(<span>\'express\'</span>);<span>var</span> router = express.Router();router.get(<span>\'/\'</span>, <span><span>function</span> (<span>req, res, next</span>) </span>{res.send(<span>\'我是接口返回值\'</span>);});<span>module</span>.exports = router;复制代码然后在app.js中加入下面代码
var testRouter = require(‘./routes/test’);
app.use(‘/test’, testRouter);
然后打开浏览器控制台用fetch请求我们刚才写的接口
fetch(<span>\'http:localhost:3000/test\'</span>).then(<span><span>res</span>=></span>{ <span>return</span> res.text()}).then(<span><span>res</span>=></span>{ <span>console</span>.log(res)})复制代码我们发现出现了跨域问题，这是因为我们在nodejs中没有添加跨域所导致的。
将下面的跨域的代码添加到app.js中
<span>//设置跨域访问（设置在所有的请求前面即可）</span><span>app</span><span>.all</span>(<span>\"*\"</span>, function (req, res, next) {<span>//设置允许跨域的域名，*代表允许任意域名跨域</span><span>res</span><span>.header</span>(<span>\"Access-Control-Allow-Origin\"</span>, <span>\"*\"</span>);<span>//允许的header类型</span><span>res</span><span>.header</span>(<span>\"Access-Control-Allow-Headers\"</span>, <span>\"content-type\"</span>);<span>//跨域允许的请求方式 </span><span>res</span><span>.header</span>(<span>\"Access-Control-Allow-Methods\"</span>, <span>\"DELETE,PUT,POST,GET,OPTIONS\"</span>);<span>if</span> (req.method == <span>\'OPTIONS\'</span>)<span>res</span><span>.sendStatus</span>(<span>200</span>); <span>//让options尝试请求快速结束</span><span>else</span><span>next</span>();});复制代码然后重启一下项目，这样就可以正常访问了
在项目中修改了内容就需要我们手动重启项目，有点麻烦，我们再安装一个插件即可解决这个烦恼。
七、使用nodemon自动重启服务
- 安装nodemon模块
输入命令：npm i nodemon -S
- 创建nodemon.json文件
在项目的根目录下创建：nodemon.json文件
{<span>\"restartable\"</span>: <span>\"rs\"</span>,<span>\"ignore\"</span>: [<span>\".git\"</span>, <span>\".svn\"</span>, <span>\"node_modules/**/node_modules\"</span>],<span>\"verbose\"</span>: <span>true</span>,<span>\"execMap\"</span>: {<span>\"js\"</span>: <span>\"node --harmony\"</span>},<span>\"watch\"</span>: [],<span>\"env\"</span>: {<span>\"NODE_ENV\"</span>: <span>\"development\"</span>},<span>\"ext\"</span>: <span>\"js json njk css js \"</span>}复制代码- 使用nodemon模块
在你的package.json文件中，添加一行脚本代码
“dev”: “nodemon ./bin/www”
代码已经放到我的github仓库，附上链接：
https://github.com/wuguanfei/nodejs
这几天刚写了一个vite2+vue3+TypeScript4+elementPlus做成的一个简易后台管理系统，后续功能还在开发中，欢迎XDM使用，提意见，附上链接：
https://github.com/wuguanfei/vite2-vue3-TypeScript4