VSCode需借助Node.js或浏览器运行JavaScript；未配置Node.js会导致“Run Code”报错；安装LTS版Node.js并配置PATH后，可用Code Runner插件或Debugger调试，Live Server预览HTML中JS。
VSCode 本身不直接运行 JavaScript，它需要借助外部环境（比如 Node.js）或浏览器。如果你双击一个 .js 文件却没反应，或者右键“Run Code”报错 command 'code-runner.run' not found，那说明你还没配好执行链。
确认 Node.js 已安装并可用
VSCode 运行 JS 的最常用方式是调用本地 node 命令。如果终端里输入 node -v 报 command not found，VSCode 就没法运行任何 JS 脚本。
- 去 nodejs.org 下载 LTS 版本并安装（Windows/macOS 都带自动配置 PATH）
- 安装完重启 VSCode，再打开集成终端（
Ctrl+`），执行node -v和npm -v确认输出版本号 - 如果仍报错，检查系统 PATH 是否包含 Node 安装路径（例如 Windows 是
C:\Program Files\nodejs\，macOS 可能是/usr/local/bin）
用 Code Runner 插件快速运行单文件
这是新手最顺手的方式，但默认不启用 Node 运行器，必须手动改配置。
- 在 VSCode 扩展市场搜
Code Runner，安装后重启 - 按
Ctrl+,打开设置 → 搜索code-runner.executorMap→ 点击“在 settings.json 中编辑” - 找到
"javascript"对应的值，改成："javascript": "node --no-warnings $fullFileName"
- 保存后，右键 JS 文件 → “Run Code”，或按
Ctrl+Alt+N，输出会出现在右下角的 OUTPUT 面板
⚠️ 注意：$fullFileName 会保留路径，避免因工作目录不对导致 require() 失败；加 --no-warnings 是为了过滤 Node 的 DEP0148 类警告，干净些。
javascript-typescript-typescript-scaffold
下载
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
立即学习“Java免费学习笔记（深入）”；
用调试器（Debugger）跑带断点的脚本
比 Code Runner 更可控，适合查逻辑、看变量、单步执行，但需要生成 .vscode/launch.json。
- 打开一个
.js文件，按Ctrl+Shift+D进入 Run and Debug 视图 - 点“create a launch.json file” → 选
Node.js环境 - 生成的配置默认是
program:"${file}"，意味着当前打开的文件会被运行 - 在代码行号左侧点击设断点（红点），按
F5启动调试，变量、调用栈、控制台都会实时更新 - 如果脚本依赖命令行参数，可在
launch.json里加："args": ["--env", "dev"]
测试 HTML 中的内联或外联 JS
VSCode 不是浏览器，不能直接“运行 HTML”。但你可以快速预览效果。
- 装官方插件
Live Server，右键 HTML 文件 → “Open with Live Server”，它会启动本地服务（如http://127.0.0.1:5500）并在默认浏览器打开 - JS 错误会显示在浏览器 DevTools 的 Console 里，不是 VSCode 输出面板
- 修改 JS 后保存，Live Server 默认自动刷新页面（可关掉：在设置里搜
liveServer.settings.donotShowInfoMsg） - 如果 JS 报
CORS或net::ERR_FILE_PROTOCOL，一定是因为双击 HTML 打开（file://协议），必须用 Live Server 启的服务
真正写业务时，Node 运行脚本、Debugger 查问题、Live Server 看前端交互——这三者分工明确。别指望一个插件解决所有场景，也别把 VSCode 当成浏览器或 IDE 全能体。路径、协议、执行上下文，这三个地方出错最多，盯住它们就行。
