使用Express 应用程序生成器,快速创建node.js的express项目

15 篇文章 0 订阅
13 篇文章 0 订阅

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. 总结

常用的配置修改就这些了。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值