1. 初始化npm
npm init -y
2. 快速创建express
查看node.js的版本号node -v
C:\Users\wangge\Desktop\express-generator>node -v
v14.17.5
Node.js 8.2.0 及更高版本使用这个。因为我的node版本号高于8.2.0,所有我使用下面的命令下载express。
npx express-generator
后面的直接按y就行了。
express文件已经基本生成了。 可以看到生成器执行完后,给了我们提示,安装依赖与运行应用程序
2.1 安装依赖
npm install
我们可以看到已经生成了node_modules文件
2.2 运行应用程序
SET DEBUG=express-generator:* & npm start
使用命令后,express已经成功开启了。
2.3 低node版本安装express项目
ps:对于较老的 Node 版本,请通过 npm 将 Express 应用程序生成器安装到全局环境中并执行即可,然后其他命令和上面一样。
npm install -g express-generator
express
3. 修改express配置
因为express有些配置需要我们进行特别的设置,所以我们需要对其进行配置。
3.1 node热更新
我们知道 node 本身不能进行热更新,然而express是使用node启动的。
所以我们可以使用 nodemon 进行代码热更新。我们可以先查看一下自己是否有安装nodemon
C:\Users\wangge\Desktop\express-generator>nodemon -v
2.0.13
没有安装就可以使用npm i -g nodemon ,安装后就可以在package.json中修改。
3.2模板引擎
我们可以看到这个生成器的默认模板是使用的jade。
可以看到这个jade的模板是这样的,如果习惯用这个模板开发的可以不用修改配置,可以跳过此目录了。
3.2.1安装art-template模板引擎
npm install --save art-template
npm install --save express-art-template
然后在app.js中修改配置
路由文件中的index.js中间件跳转使用index.html页面渲染,可以看到,可以成功渲染了。
3.3 设置快速调试命令
"dev":"SET DEBUG=express-generator:* & npm start"
在package.json设置了此命令,就可以使用 npm run dev 快速开始开发调试了。
4. 总结
常用的配置修改就这些了。