Sublime Text安装ESLint-formatter自动更正前端JS语法规范

雨枫君_5383

雨枫君_5383

2026-08-17

780人浏览

原创

不能。eslint-formatter是过时插件,不调用eslint cli、不支持--fix,仅做极简格式化;可靠方案是sublimelinter+sublimelinter-eslint组合,需配置"fix_on_save": true、项目根目录有.eslintrc.*文件,并在"args"中明确添加["--fix"]。

sublime text安装eslint-formatter自动更正前端js语法规范

Sublime Text 里装 ESLint-Formatter 能不能自动修复 JS?

不能。ESLint-Formatter 是个过时的、功能残缺的插件,它不调用 ESLint CLI,也不支持 --fix,只做极简格式化(比如缩进、空格),对 semi、quotes、no-unused-vars 这类真正需要 ESLint 修复的规则完全无效。很多人装完发现“保存没反应”,根源就在这儿。

想让 Sublime 自动修复 JS 规则,必须用 SublimeLinter-eslint

唯一可靠路径是:SublimeLinter + SublimeLinter-eslint 组合,且配置必须满足三要素:

  • Preferences → Package Settings → SublimeLinter → Settings 中启用 "fix_on_save": true(注意:不是 eslint.autoFixOnSave,那是 VS Code 的)
  • 项目根目录存在有效配置文件,如 .eslintrc.js 或 .eslintrc.json
  • SublimeLinter-eslint 的 "args" 配置里明确加上 ["--fix"],否则只校验不修复

示例配置片段(放在 SublimeLinter Settings 里):

{
  "linters": {
    "eslint": {
      "args": ["--fix"],
      "executable": "./node_modules/.bin/eslint"
    }
  }
}

为什么 .vue 或 .ts 文件修复失败?

默认情况下,SublimeLinter-eslint 只处理 .js 文件。要支持其他类型,得在 "args" 里显式声明扩展名:

Wjs Syncing Multicam
Wjs Syncing Multicam

当用户拥有两个或以上不同设备录制的同一事件视频/音频,并希望将它们同步或合并时使用。

下载
  • Vue 项目:加 --ext .js,.jsx,.vue
  • TypeScript 项目:加 --ext .js,.jsx,.ts,.tsx
  • 混合项目:合并写,如 ["--fix", "--ext", ".js,.jsx,.ts,.tsx,.vue"]

同时确认文件右下角状态栏显示的是 Vue Component 或 TypeScript 语法,而不是 Plain Text——否则 Sublime 根本不会触发 linter。

修复后代码反而变乱?大概率是 ESLint 和 Prettier 在打架

如果项目同时用了 Prettier,而你又没隔离职责,就会出现缩进被 ESLint 改完又被 Prettier 覆盖、单双引号来回切换等问题。解决办法很直接:

  • 在 .eslintrc.js 中禁用所有格式类规则:indent、comma-dangle、arrow-spacing 等
  • 引入 eslint-config-prettier 并在 extends 末尾追加:"eslint-config-prettier"
  • 把格式化交给 Prettier 单独负责,ESLint 只管逻辑和质量规则

这个边界不划清,--fix 就永远不稳定。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2463

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

5283

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

6350

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

5918

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

843

5

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.31

1709

3

python中的format是什么意思
python中的format是什么意思

python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.06.27

1211

7

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4216

8

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.28

1315

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程