创建 Express 项目 & 配置 nodemon 使服务器自动重启

本文参考链接:MDN | Express 教程 2:创建站点框架

一、创建 Express 项目

1.创建项目文件夹

mkdir 项目名

2.运行 Express 应用生成器,这里使用 Pug 模板库,不使用 CSS 引擎。
Express 应用生成器支持多款流行的视图/模板引擎和 CSS 引擎,可根据需要选择使用。

cd 项目名
express --view=pug

生成器将创建(并列出)项目的文件
3.安装项目依赖,即 package.json 中所列的依赖

npm install

4.运行项目

(1)直接运行

npm start 

(2)需要调试信息时,需要指定 DEBUG 变量来启用控制台日志记录/调试

SET DEBUG=express-locallibrary-tutorial:* & npm start

注意:这里在 vs code中运行报错,报错如下:

不允许使用与号(&)。& 运算符是为将来使用而保留的;请用双引号将与号引起来,以将其作为字符串的一部分传递。

暂不清楚怎么解决。

5.运行成功
在浏览器地址栏输入 http://localhost:3000 访问该应用,可以看到 Express 项目默认界面。
在这里插入图片描述
至此,创建 Express 项目完成。

二、配置 nodemon 使服务器自动重启

但现在,每次修改代码后,需要重启服务器才能看到 Express 网站所做的改动。可以通过配置 nodemon 来自动化这个过程。

这里将它作为开发依赖将安装在本地,这样使用这个项目的开发人员只要安装这个应用就能自动获得。

1.安装依赖

npm install --save-dev nodemon

2.修改 package.json 的 scripts 部分,增加一行,使其可以在 NPM 脚本中被调用

"scripts": {
    "start": "node ./bin/www",
    "devstart": "nodemon ./bin/www"	// 增加这一行
  },

3.运行

npm run devstart

现在,如果编辑项目中的任何文件,服务器将自动重启。(注意:浏览器要看到更新后的页面,需要刷新浏览器)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值