sublime如何运行和调试JavaScript代码？ (Node.js环境)

Sublime Text 通过配置 Node.js 构建系统实现一键运行 JS，配合 console.log 轻量调试，并可通过 node --inspect-brk 与 Chrome DevTools 远程断点调试，辅以 Terminus、ESLint 等插件提升效率。

Sublime Text 本身不内置 JavaScript 运行或调试功能，但可以借助插件和外部工具（主要是 Node.js）实现快速运行和基础调试。关键在于配置好构建系统（Build System）和使用命令行辅助调试。

配置 Node.js 构建系统（一键运行 JS）

让 Sublime 直接执行当前 JS 文件，无需切到终端：

• 打开 Sublime → Tools → Build System → New Build System
• 清空默认内容，粘贴以下 JSON（适配 macOS / Linux / Windows）：

{
  "cmd": ["node", "$file"],
  "selector": "source.js",
  "shell": true,
  "working_dir": "$file_path"
}

• 保存为 NodeJS.sublime-build（自动存到 Packages/User/）
• 之后按 Ctrl+B（Windows/Linux）或 Cmd+B（macOS），就能在 Sublime 底部面板看到 Node 执行结果

用 console.log + 构建系统做轻量调试

没有断点式调试器时，最常用也最有效的方式仍是 console.log 配合快速构建：

• 在关键位置插入 console.log('val:', myVar) 或 debugger（注意：Sublime 不识别 debugger，它只对浏览器或 VS Code 等调试器生效）
• 保存文件后直接 Ctrl-B，观察输出是否符合预期
• 支持异步代码、模块引入（如 require('./utils')），只要 Node 能跑，这里就能跑

配合 Chrome DevTools 远程调试（进阶）

如果你需要断点、单步、作用域查看等完整调试能力，可启动 Node 的 inspect 模式，再用 Chrome 连接：

标签： linux nodejs javascript java sublime js node.js json node wi