vscode如何调试node应用 vscode nodejs的配置教学-VSCode-PHP中文网

vscode如何调试node应用 vscode nodejs的配置教学

下次还敢

发布： 2025-07-02 17:01:01

原创

1033人浏览过

在vs code中调试node应用的关键是配置launch.json文件。1. 打开项目后进入调试视图并创建launch.json；2. 选择node.js环境并根据项目修改program字段为实际入口文件；3. 若需附加到已有进程，可将request设为attach并指定processid；4. 配置完成后设置断点并点击启动调试按钮即可开始调试。

vscode如何调试node应用 vscode nodejs的配置教学

调试Node应用，在VS Code里其实挺方便的，关键是配置好launch.json文件，然后就可以像调试前端代码一样，打断点，单步执行了。当然，要让调试更高效，了解一些Node.js的配置也是很有必要的。

在VS Code里调试Node应用，你需要配置launch.json文件。这个文件告诉VS Code如何启动和连接到你的Node.js应用。

如何配置launch.json文件

首先，在VS Code中打开你的Node.js项目，然后点击调试视图（Debug view，通常是侧边栏的第五个图标，看起来像一个播放按钮上面有个虫子）。接着，点击“创建 launch.json 文件”按钮。

VS Code会提示你选择一个调试环境。选择“Node.js”。

VS Code会自动创建一个launch.json文件，里面包含了一些默认的配置。你需要根据你的项目进行调整。

一个基本的launch.json配置可能看起来像这样：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "program": "${workspaceFolder}/app.js"
    }
  ]
}

登录后复制

这里，program字段指定了你的Node.js应用的入口文件。你需要将app.js替换成你的实际入口文件。

如果你想附加到一个已经在运行的Node.js进程，可以将request字段改为attach，并指定processId：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Process",
      "processId": "${command:PickProcess}",
      "restart": true
    }
  ]
}

登录后复制

这个配置会让VS Code弹出一个进程列表，让你选择要附加的Node.js进程。

配置好launch.json后，你就可以在代码中设置断点，然后点击调试视图中的“启动调试”按钮（绿色的播放按钮）开始调试了。

Node.js版本管理工具选择哪个好？nvm、n还是fnm？

Node.js版本管理工具，说实话，选择哪个取决于你的个人偏好和项目需求。nvm（Node Version Manager）算是老牌劲旅了，稳定可靠，社区也大，遇到问题容易找到答案。n 则是相对轻量级一些，安装和使用都比较简单。fnm（Fast Node Manager）是后起之秀，用Rust写的，速度快是它的优势。

如果你追求稳定性和广泛的社区支持，nvm是个不错的选择。如果你喜欢简洁快速，fnm可能更适合你。n 介于两者之间，可以根据自己的需求选择。

我个人比较喜欢fnm，主要是它启动速度快，切换版本也很快，对于经常需要在不同Node.js版本之间切换的项目来说，效率提升很明显。

如何配置Node.js的全局模块路径？

配置全局模块路径，这涉及到npm的配置。默认情况下，npm会将全局模块安装到Node.js的安装目录下，这可能会导致权限问题。更好的做法是配置一个用户级别的全局模块路径。

你可以通过以下命令来配置全局模块路径：

npm config set prefix ~/.npm-global

登录后复制

这条命令会将全局模块路径设置为~/.npm-global。然后，你需要将这个路径添加到你的PATH环境变量中。

在~/.bashrc或~/.zshrc文件中，添加以下行：

export PATH=~/.npm-global/bin:$PATH

登录后复制

保存文件后，执行source ~/.bashrc或source ~/.zshrc，使配置生效。

现在，当你使用npm install -g <module>安装全局模块时，它们会被安装到~/.npm-global/bin目录下，并且可以直接在命令行中使用。

package.json文件中的dependencies和devDependencies有什么区别？

package.json文件中的dependencies和devDependencies，这两者之间的区别其实很简单，但很重要。dependencies声明的是你的应用在运行时需要的依赖，也就是生产环境需要的。而devDependencies声明的是你在开发、测试、构建过程中需要的依赖，比如测试框架、代码检查工具、构建工具等等。

举个例子，如果你用express来搭建一个Web应用，那么express就应该放在dependencies里，因为你的应用在生产环境运行时需要express。而如果你用jest来做单元测试，那么jest就应该放在devDependencies里，因为你的应用在生产环境运行时不需要jest。

区分这两者可以减少你最终部署到生产环境的代码体积，避免不必要的依赖。当你运行npm install --production时，npm只会安装dependencies里的依赖，而忽略devDependencies里的依赖。

AppMall应用商店

AI应用商店，提供即时交付、按需付费的人工智能应用服务

查看详情

如何使用nodemon实现Node.js应用的热重载？

使用nodemon实现Node.js应用的热重载，这对于开发效率的提升是巨大的。nodemon是一个小工具，它可以监听你代码的变化，然后自动重启你的Node.js应用。

安装nodemon非常简单：

npm install -g nodemon

登录后复制

安装完成后，你只需要用nodemon命令来启动你的Node.js应用，而不是用node命令：

nodemon app.js

登录后复制

现在，当你修改了app.js或任何被它引用的模块时，nodemon会自动重启你的应用。

你还可以通过创建一个nodemon.json文件来配置nodemon的行为。例如，你可以指定要监听的文件类型、忽略的文件或目录等等。

一个简单的nodemon.json文件可能看起来像这样：

{
  "watch": ["app.js", "routes"],
  "ext": "js,json",
  "ignore": ["node_modules"]
}

登录后复制

这个配置告诉nodemon监听app.js和routes目录下的所有.js和.json文件，忽略node_modules目录。

如何使用VS Code的tasks.json文件自动化构建流程？

VS Code的tasks.json文件可以让你自动化很多重复性的任务，比如代码检查、测试、构建等等。你可以通过tasks.json文件定义一系列的任务，然后在VS Code中运行这些任务。

要创建一个tasks.json文件，你可以按下Ctrl+Shift+P（或Cmd+Shift+P），然后输入“Tasks: Configure Task”，选择“Create tasks.json from template”，然后选择一个适合你的项目的模板。

一个简单的tasks.json文件可能看起来像这样：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "lint",
      "type": "shell",
      "command": "eslint .",
      "problemMatcher": "$eslint"
    },
    {
      "label": "test",
      "type": "shell",
      "command": "jest",
      "problemMatcher": "$jest"
    },
    {
      "label": "build",
      "type": "shell",
      "command": "webpack",
      "group": "build",
      "dependsOn": ["lint", "test"]
    }
  ]
}

登录后复制

这个配置定义了三个任务：lint、test和build。lint任务运行eslint .命令来检查代码风格，test任务运行jest命令来运行单元测试，build任务运行webpack命令来构建项目。build任务依赖于lint和test任务，也就是说，在运行build任务之前，会先运行lint和test任务。

你可以通过按下Ctrl+Shift+P（或Cmd+Shift+P），然后输入“Tasks: Run Task”，选择你要运行的任务。

如何在VS Code中配置ESLint和Prettier？

在VS Code中配置ESLint和Prettier，可以让你的代码风格保持一致，减少代码审查的时间。

首先，你需要安装ESLint和Prettier的VS Code插件。在VS Code的扩展商店中搜索“ESLint”和“Prettier”，然后安装它们。

然后，你需要安装ESLint和Prettier的npm包：

npm install --save-dev eslint prettier eslint-plugin-prettier eslint-config-prettier

登录后复制

eslint-plugin-prettier和eslint-config-prettier是ESLint和Prettier的集成插件，可以让ESLint使用Prettier来格式化代码。

接下来，你需要创建一个.eslintrc.js文件来配置ESLint：

module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:prettier/recommended'
  ],
  env: {
    node: true,
    es6: true
  },
  rules: {
    'no-console': 'off'
  }
};

登录后复制

这个配置继承了ESLint的推荐规则和eslint-plugin-prettier的规则，启用了Node.js和ES6的环境，关闭了no-console规则。

你还需要创建一个.prettierrc.js文件来配置Prettier：

module.exports = {
  semi: false,
  singleQuote: true,
  trailingComma: 'all'
};

登录后复制

这个配置告诉Prettier不要在语句末尾添加分号，使用单引号，在多行结构的末尾添加逗号。

最后，你需要在VS Code的设置中启用ESLint和Prettier的自动格式化功能。打开VS Code的设置（Ctrl+,或Cmd+,），搜索“format on save”，勾选“Editor: Format On Save”选项。

现在，当你保存文件时，VS Code会自动使用ESLint和Prettier来格式化你的代码。

以上就是vscode如何调试node应用 vscode nodejs的配置教学的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

vscode怎么同步设置到云端_vscode设置同步至云端的操作流程如何导出和分享你的VSCode工作区配置？ VSCode代码分析：使用静态检查与复杂度评估的工具集成 VSCode中的快速文件导航与切换技巧解析VSCode远程开发容器配置与部署方案