首先安装Node.js并配置ESLint，通过npx eslint --init生成配置文件；接着在Sublime Text中使用Package Control安装SublimeLinter及SublimeLinter-eslint插件；然后在设置中指定ESLint可执行路径，如"executable": ["npx", "eslint"]；最后确认文件类型正确且项目包含.eslintrc配置文件，即可实现实时代码校验。
在 Sublime Text 中集成 ESLint 可以实现实时的 JavaScript 代码校验，帮助你保持代码风格统一并避免常见错误。下面是完整的安装与配置步骤。
1. 安装 Node.js 和 ESLint
ESLint 是基于 Node.js 的工具，因此需要先确保系统已安装 Node.js。
- 访问 https://nodejs.org 下载并安装 Node.js
- 打开终端（或命令行），运行以下命令检查是否安装成功：
node -v
npm -v
- 全局安装 ESLint（可选，推荐项目本地安装）：
npm install -g eslint
- 或者在项目根目录中本地安装：
npm init -y
npm install eslint --save-dev
- 初始化 ESLint 配置（会生成 .eslintrc.js 或 .eslintrc.json）：
npx eslint --init
2. 安装 Sublime 插件：SublimeLinter 和 SublimeLinter-eslint
使用 Package Control 安装所需插件。
- 按下 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac）打开命令面板
- 输入 “Install Package”，选择 “Package Control: Install Package”
- 搜索并安装以下两个插件：
SublimeLinter
SublimeLinter-eslint
- 安装完成后，SublimeLinter 会自动调用 ESLint 对打开的 JS 文件进行校验
3. 配置 SublimeLinter-eslint
确保 SublimeLinter 能正确找到 ESLint 可执行文件。
- 进入菜单：Preferences → Package Settings → SublimeLinter → Settings
- 在右侧用户设置中添加 ESLint 的路径（如果全局安装）：
{
"linters": {
"eslint": {
"executable": "eslint",
"args": []
}
}
}
- 如果你使用 npx 或本地 node_modules 中的 ESLint，可设置为：
"executable": ["npx", "eslint"]
- 保存后，SublimeLinter 会在你编辑 JS 文件时实时显示错误和警告（红色波浪线、侧边标记等）
4. 检查与调试
如果 ESLint 没有生效，可以这样排查问题。
- 确认文件类型是 JavaScript（右下角显示 “JavaScript”）
- 打开 SublimeLinter 控制台：Tools → SublimeLinter → Debug，查看是否有报错
- 确保项目根目录有 .eslintrc.js 或 .eslintrc.json 配置文件
- 如果使用框架（如 React、Vue），确保 ESLint 配置支持对应语法
基本上就这些。配置完成后，每次保存 JS 文件时，ESLint 会自动检查语法和代码风格问题，提升开发效率和代码质量。
