首先安装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。
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 会自动检查语法和代码风格问题，提升开发效率和代码质量。