Visual Studio Code 中创建一个新的 JavaScript 项目并配置 Node.js 的调试

最新推荐文章于 2024-09-25 23:02:40 发布

tenc1239

最新推荐文章于 2024-09-25 23:02:40 发布

阅读量3.8k

点赞数 2

分类专栏： js vscode 文章标签： vscode javascript node.js

本文链接：https://blog.csdn.net/tenc1239/article/details/131630433

版权

js 同时被 2 个专栏收录

40 篇文章

订阅专栏

vscode

5 篇文章

订阅专栏

本文指导如何在VSCode中创建新的JS项目，包括设置launch.json文件进行调试配置，以及安装和使用Node.js插件进行调试。用户需确保已安装Node.js环境，并能通过F5快捷键启动调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 vscode 创建新js项目

1 打开 Visual Studio Code，并创建一个新的文件夹来存放你的项目。
2 在 Visual Studio Code 中打开新创建的文件夹。
3 在文件夹中创建一个新的 JavaScript 文件，例如 index.js，并编写你的 JavaScript 代码。
4 在文件夹中创建一个名为 .vscode 的子文件夹（如果还不存在的话）。
5 在 .vscode 文件夹中创建一个名为 launch.json 的文件。
6 在 launch.json 文件中添加以下配置：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Debug Node.js",
      "program": "${workspaceFolder}/index.js",
      "cwd": "${workspaceFolder}",
      "console": "integratedTerminal"
    }
  ]
}

在上述配置中，确保将 "program" 的值设置为你的 JavaScript 文件的路径（例如 index.js）。如果你的 JavaScript 文件位于工作区根目录下，你可以使用 ${workspaceFolder} 来引用它。

7 保存 launch.json 文件

完成上述步骤后，你就已经成功配置了 Node.js 的调试。你可以在 Visual Studio Code 中使用调试面板（快捷键 F5）启动调试。调试器将在集成终端中运行你的 JavaScript 代码，并在调试控制台中显示输出结果和调试信息。

确保你已经正确安装了 Node.js 并能够在命令行中运行 node 命令，以确保可以正常运行和调试你的 JavaScript 代码

2 vscosde 安装 node.js 插件

1 确保经在 Visual Studio Code 中装了适用于你要运行的 JavaScript 环境的调试器插（如 "Debugger for Chrome" 或 " for Node.js"）。
2 在 Visual Studio Code 中打开你的 JavaScript 代码文件。 3 点击左侧的调试图标，或者使用快捷键 F5 打开调面板。
3 在调试面板中，选择适合你要运行的 JavaScript 环的调试配置（如 "Node.js" 或 "Chrome"）。
4 点击调面板上的绿色运行按钮开始调试。
5 如果你是在浏览中运行 JavaScript，确保你在调试配置中指定了正确的启动 URL 或者打开了适当的 HTML 文件。
6 如果你是在 Node.js 环境中运行 JavaScript，请确保你的调试配置中指定了正确的入口文件。