vscode怎么运行js代码 vscode调试javascript程序教程

在 vscode 中运行和调试 javascript 的方法有三种：1. 使用终端执行 js 文件，需安装 node.js，适合简单测试；2. 配置 launch.json 调试器，可打断点、查看变量，适合排查逻辑问题；3. 安装 code runner 插件一键运行代码，适合快速验证小段脚本但不便调试。

在 VSCode 里运行和调试 JavaScript 代码其实挺简单的，只要配置好环境，就能快速上手。下面会从基础操作到调试设置一步步说清楚，适合刚接触 VSCode 的用户。

直接运行 JS 文件：使用终端执行

最直接的方法就是写好 .js 文件后，在 VSCode 内置终端中用 Node.js 执行。
前提是你的电脑已经安装了 Node.js，可以在命令行输入 node -v 看有没有版本号来确认。

举个例子：

1. 新建一个文件，比如叫 app.js
2. 里面写点内容，比如：

   console.log("Hello, VSCode!");

   登录后复制
3. 打开 VSCode 下方的终端（Terminal）
4. 输入 node app.js 并回车，就能看到输出结果

这个方法适合简单测试脚本，不需要额外配置，但没法打断点调试。

立即学习“Java免费学习笔记（深入）”；

配置调试器：图形化调试 JS 程序

如果想像浏览器那样打断点、查看变量值，就需要配置 VSCode 的调试功能。

步骤如下：

• 打开左侧活动栏的“运行和调试”图标（或按快捷键 Ctrl+Shift+D）
• 点击“创建 launch.json 文件”，选择 “Node.js”
• VSCode 会在 .vscode 文件夹下生成一个调试配置文件
• 修改配置文件中的 program 字段，指向你要调试的 JS 文件，比如：

  "program": "${workspaceFolder}/app.js"

  登录后复制

然后你就可以：

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

• 在代码左边点击添加断点
• 回到调试界面，点击“启动程序”按钮开始调试
• 使用调试工具栏里的“继续”、“单步执行”等功能

这样调试起来就更直观，适合排查逻辑问题或者学习代码流程。

小技巧：用 Code Runner 插件一键运行

如果你不想打开终端，也不想配调试器，可以安装一个叫 Code Runner 的插件。

它的好处是：

• 安装后右键点击 JS 文件，选“Run Code”就能直接执行
• 快捷键 Ctrl+Alt+N 可以快速运行当前文件
• 支持多种语言，不只限于 JS

不过它默认是在内联终端显示结果，如果你想用外部终端，可以在设置里调整。

缺点是不能方便地调试，适合快速验证小段代码。

基本上就这些方法了。你可以根据自己的需要选择：简单跑一下用终端，要调试就配 launch.json，图方便就用 Code Runner。配置一次之后，后面都挺顺手的。

以上就是vscode怎么运行js代码 vscode调试javascript程序教程的详细内容，更多请关注php中文网其它相关文章！