vscode监听代码变动重启node

在 Visual Studio Code (VSCode) 中,可以使用 nodemon 来监听代码的变动并自动重启 Node.js 服务器。nodemon 是一个工具,它可以监控文件的变化并在检测到变化时自动重启 Node.js 应用程序。

安装 nodemon
你需要在项目中安装 nodemon,可以使用 npm 全局安装或者将其作为开发依赖安装:

全局安装

复制代码

npm install -g nodemon

本地开发依赖安装

npm install --save-dev nodemon

使用 nodemon
安装完 nodemon 后,可以通过以下命令运行你的 Node.js 应用:


nodemon app.js

其中,app.js 是你的 Node.js 入口文件。nodemon 会自动监视该文件以及项目中的其他文件,一旦发生更改,nodemon 会自动重新启动服务器。

配置 nodemon.json(可选)
你还可以通过创建一个 nodemon.json 配置文件自定义 nodemon 的行为。例如,你可以忽略某些文件或文件夹的更改,或者设置监控的扩展名。
在项目根目录下创建一个 nodemon.json 文件:

{
  "watch": ["src"],
  "ext": "js,json",
  "ignore": ["src/tests/*"],
  "exec": "node app.js"
}

这个配置文件告诉 nodemon 只监视 src 文件夹下的文件,关注 .js 和 .json 文件,忽略 src/tests 文件夹下的文件。

在 VSCode 中结合 nodemon
如果你在 VSCode 中运行 nodemon,可以创建一个任务来启动 nodemon,这样你不必每次手动运行命令:

在 VSCode 中按下 Ctrl+Shift+P(或 Cmd+Shift+P)打开命令面板。
输入 Tasks: Configure Task,选择它。
选择 Create tasks.json file from template,然后选择 Others。
在生成的 tasks.json 文件中,添加如下内容:

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "nodemon",
      "type": "shell",
      "command": "nodemon app.js",
      "group": {
        "kind": "build",
        "isDefault": true
      },
      "problemMatcher": [],
      "detail": "启动nodemon以监听文件变动"
    }
  ]
}

之后,你可以通过任务面板运行 nodemon,它将自动监听文件变动并重启服务器。

posted @ 2024-09-29 15:42  长安626  阅读(24)  评论(0编辑  收藏  举报