首先安装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

或在项目根目录执行：

琅琅配音

全能AI配音神器

89

查看详情

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 配置，效果更佳。