首先安装Node.js并验证版本，再为Sublime配置Node.js构建系统，最后通过插件提升开发效率。具体步骤包括：下载Node.js并检查node -v和npm -v；在Sublime中创建自定义Build System，Windows用户设shell为true，macOS/Linux设为false；保存为NodeJS.sublime-build；使用Ctrl/Cmd + B运行JS文件；推荐安装Package Control、NodeRequirer、ESLint和Babel插件；注意解决常见问题如PATH未配置、中文路径乱码和构建无输出，确保文件以.js结尾且构建系统正确选择。
在前端开发中，Sublime Text 是许多开发者喜爱的轻量级代码编辑器。虽然它本身不带运行环境，但通过合理配置，可以将 Node.js 集成进来，实现代码编写与快速执行。以下是 Sublime Text 配置 Node.js 环境的完整流程，帮助你高效进行前端开发。
安装并验证 Node.js 环境
要让 Sublime 能运行 Node.js 代码，必须先在系统中正确安装 Node.js。
- 前往 https://nodejs.org 下载并安装 LTS 版本
- 安装完成后，打开终端（Windows：命令提示符或 PowerShell；macOS/Linux：Terminal）
- 输入 node -v 和 npm -v 查看版本号，确认安装成功
为 Sublime 配置 Node.js 构建系统
Sublime 使用“Build System”来执行外部命令，我们可以创建一个自定义构建系统来运行 .js 文件。
- 打开 Sublime Text，点击顶部菜单栏的 Tools → Build System → New Build System…
- 将默认内容替换为以下 JSON 配置：
Windows 用户：
立即学习“前端免费学习笔记（深入）”；
{
"cmd": ["node", "$file"],
"selector": "source.js",
"shell": true,
"working_dir": "$file_path"
}
macOS / Linux 用户：
{
"cmd": ["node", "$file"],
"selector": "source.js",
"shell": false,
"working_dir": "$file_path"
}
- 保存文件，命名为 NodeJS.sublime-build，保存位置使用默认路径即可
- 之后在 JS 文件中，按下 Ctrl + B（或 Cmd + B）即可运行当前脚本
提升开发效率的插件推荐
结合一些实用插件，可以让 Sublime 更适合现代前端开发。
- Package Control：插件管理工具，按 Ctrl+Shift+P 输入 “Install Package Control” 安装
- NodeRequirer：自动补全 require() 模块路径
- ESLint：集成 ESLint 语法检查，需全局安装 npm install -g eslint
- Babel：支持 ES6+ 语法高亮
常见问题与解决方法
配置过程中可能遇到的问题及应对方式：
- 报错 'node' 不是内部或外部命令：说明 Node.js 未加入系统 PATH，重新安装时勾选“Add to PATH”选项
- 中文路径或文件名乱码：避免使用中文命名文件，Sublime 对非英文路径支持有限
- 构建无输出：检查文件是否以 .js 结尾，且构建系统已切换为 NodeJS
基本上就这些。配置完成后，你可以在 Sublime 中直接编写并运行 Node.js 脚本，配合插件还能获得接近专业 IDE 的体验。虽不如 VS Code 那样开箱即用，但 Sublime 的简洁和速度依然值得选择。不复杂但容易忽略的是路径和构建系统的匹配问题，确保每一步都准确设置即可正常使用。
