首先安装SublimeLinter和SublimeLinter-eslint插件,确保系统已安装Node.js和eslint,项目根目录配置.eslintrc.json等规则文件,在SublimeLinter设置中启用保存时自动修复,即可实现保存文件时自动校验并修复JavaScript代码。

要在 Sublime Text 中配置 ESLint 进行 JavaScript 代码检查,需要安装并正确设置相关插件,使保存文件时能自动根据 ESLint 规则校验和修复代码。以下是具体配置步骤。
安装必要插件
打开 Sublime Text,使用 Package Control 安装以下两个核心插件:
- SublimeLinter:代码检查框架
- SublimeLinter-eslint:ESLint 的集成插件
安装方法:按下 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P),输入 “Install Package”,搜索并安装上述插件。
确保系统已安装 Node.js 和 ESLint
SublimeLinter-eslint 插件依赖本地或项目内的 ESLint。确认以下几点:
- 已安装 Node.js(建议 v14 以上)
- 全局或项目中安装了 eslint
可通过命令行检查:
eslint -v如果没有安装,运行:
npm install -g eslint或在项目根目录执行:
npm init -y && npm install eslint --save-dev配置 ESLint 规则文件
项目根目录应包含 .eslintrc.js、.eslintrc.json 或 .eslintrc 文件,定义代码规范。例如创建 .eslintrc.json:
{
"env": {
"browser": true,
"es2021": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 12,
"sourceType": "module"
},
"rules": {
"no-console": "warn",
"semi": ["error", "always"]
}
}
这样 SublimeLinter-eslint 就会读取该配置进行检查。
启用保存时自动修复
修改 SublimeLinter 设置,让 ESLint 在保存时自动修复可修复的问题:
- 打开菜单 Preferences → Package Settings → SublimeLinter → Settings
- 在右侧用户设置中添加:
"linters": {
"eslint": {
"args": ["--fix-on-save"]
}
}
注意:新版 ESLint 已弃用 --fix-on-save,推荐改用 --fix 并配合保存触发。可在设置中启用自动保存修复:
"lint_mode": "background", "on_save": true
基本上就这些。配置完成后,打开 JS 文件时,不符合 ESLint 规则的地方会被波浪线标出,保存时自动修复部分问题。确保项目中有正确的 .eslintrc 配置,效果更佳。










