在 vscode 中运行和调试 javascript 的方法有三种：1. 使用终端执行 js 文件，需安装 node.js，适合简单测试；2. 配置 launch.json 调试器，可打断点、查看变量，适合排查逻辑问题；3. 安装 code runner 插件一键运行代码，适合快速验证小段脚本但不便调试。
在 VSCode 里运行和调试 JavaScript 代码其实挺简单的，只要配置好环境，就能快速上手。下面会从基础操作到调试设置一步步说清楚，适合刚接触 VSCode 的用户。
直接运行 JS 文件：使用终端执行
最直接的方法就是写好 .js 文件后，在 VSCode 内置终端中用 Node.js 执行。
前提是你的电脑已经安装了 Node.js，可以在命令行输入 node -v 看有没有版本号来确认。
举个例子：
新建一个文件，比如叫 app.js里面写点内容，比如：
console.log("Hello, VSCode!");
打开 VSCode 下方的终端（Terminal）输入 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程序教程的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/485297.html
微信扫一扫 
支付宝扫一扫 
