首先安装sublimelinter和sublimelinter-eslint插件，再在项目中安装并配置eslint，最后设置sublimelinter启用实时检查与保存自动修复，确保代码规范。
要在 Sublime Text 中配置 ESLint 进行前端代码规范检查，需要安装并正确设置相关插件，让保存或编辑代码时自动检测语法和规范问题。以下是详细步骤：
1. 安装 Sublime Text 插件
打开 Sublime Text，使用 Package Control 安装以下两个关键插件：
- SublimeLinter：代码检查框架，用于集成各种语言的 linter。
- SublimeLinter-eslint：ESLint 的适配插件，让 Sublime 能调用 ESLint 检查 JavaScript/JSX 文件。
安装方法：
- 按下 Ctrl+Shift+P 打开命令面板。
- 输入 Package Control: Install Package 并回车。
- 依次搜索并安装 SublimeLinter 和 SublimeLinter-eslint。
2. 确保系统已安装 Node.js 和 ESLint
SublimeLinter-eslint 依赖本地或项目内的 ESLint。推荐在项目中安装：
立即学习“前端免费学习笔记（深入）”；
- 进入项目根目录，运行：
npm init -y
npm install eslint --save-dev
- 初始化 ESLint 配置：
npx eslint --init
根据提示选择适合你项目的规则（如使用 Airbnb、Standard 或自定义规范）。
3. 配置 SublimeLinter 设置
确保 Sublime 正确识别 ESLint 路径。通常无需额外配置，但如果报错“eslint not found”，需手动设置路径：
- 点击菜单栏 Preferences → Package Settings → SublimeLinter → Settings。
- 在右侧用户设置中添加 ESLint 路径（可选）：
{
"linters": {
"eslint": {
"executable": "node_modules/.bin/eslint"
}
}
}
这样会优先使用项目本地的 ESLint，避免版本冲突。
4. 启用实时检查与保存修复
默认情况下，SublimeLinter 在你输入时实时标出错误。你也可以配置保存时自动修复部分问题：
- 确保 ESLint 配置文件（如 .eslintrc.js）中启用了可修复的规则（如
semi,quotes）。 - 在 SublimeLinter 设置中启用保存时自动修复：
{
"linters": {
"eslint": {
"args": ["--fix"]
}
},
"on_save": true
}
注意：部分复杂错误无法自动修复，仍需手动调整。
基本上就这些。配置完成后，打开 JS 文件就能看到语法错误和规范警告，提升代码质量。不复杂但容易忽略细节。
