Sublime Text安装Eslint实现JS代码规范化

轻瑶君_3203

轻瑶君_3203

2026-09-11

442人浏览

原创

sublime text中eslint无反应,首要检查eslint命令能否在终端运行;需正确配置executable路径、lint_mode为background、语法识别为javascript,并确保项目根目录存在有效.eslintrc配置文件。

sublime text安装eslint实现js代码规范化

Sublime Text 本身不带 ESLint,装完插件却没反应,90% 是因为 eslint 命令根本不可执行——不是插件没装对,而是校验链最底下的那个可执行文件找不着。

确认 eslint 命令能否在终端运行

这是整个流程的起点,也是最容易跳过的一步。SublimeLinter-eslint 不会帮你装 eslint,它只调用你系统里已有的命令。

  • 打开终端(macOS/Linux)或命令提示符(Windows),输入 eslint --version;如果报 command not found'eslint' is not recognized,说明 ESLint 根本没装好或不在 PATH 里
  • 优先用项目本地安装:npm install eslint --save-dev,然后路径指向 node_modules/.bin/eslint(更稳定,避免全局和项目规则冲突)
  • 若坚持全局安装:npm install -g eslint,Windows 用户别填 eslint.cmd,SublimeLinter-eslint 只认 eslint(它会自动补后缀);macOS/Linux 用户要确认 /usr/local/bin 在 Sublime 的 paths 配置中

配置 SublimeLinterexecutable 路径

路径写错是“有插件但无提示”的最常见原因。配置位置是:Preferences → Package Settings → SublimeLinter → Settings,关键项必须显式设置:

抖音下载器(Node.js)
抖音下载器(Node.js)

抖音无水印视频下载和文案提取工具

下载
  • "executable" 必须是绝对路径,且该路径下文件真实存在、有可执行权限。例如 macOS:"executable": "/myproject/node_modules/.bin/eslint";Windows:"executable": "C:\myproject\node_modules\.bin\eslint"
  • "lint_mode": "background" 启用实时校验(默认是 on_save,容易误以为没生效)
  • "args": ["--fix"] 加上这行才能保存时自动修复(仅限安全规则,如引号、分号、空格);若项目含 .vue.ts,需扩展为 ["--fix", "--ext", ".js,.jsx,.ts,.tsx,.vue"]

检查当前文件是否被识别为 JavaScript

右下角状态栏显示的语法类型决定 SublimeLinter-eslint 是否介入。哪怕文件名是 index.js,也可能被识别为 Plain TextJSON

  • 点击右下角语法名 → 选择 JavaScript(不是 JavaScript (Babel)JSON);若没有 JavaScript 选项,说明没装 Babel 插件或语法包损坏
  • 确保项目根目录有有效的 ESLint 配置文件:.eslintrc.js.eslintrc.jsonpackage.json 中含 "eslintConfig" 字段
  • 打开 Sublime 控制台(Ctrl+`Cmd+`),看是否有类似 SublimeLinter: eslint: xxx.js ERROR 的日志——没有就说明校验压根没触发

为什么 console.log 没标红,但 var a = 1; a = 2; 却报 no-redeclare

这不是配置失败,而是 ESLint 规则本身的行为:它默认只检查潜在错误和风格问题,不把 console.log 当错误。是否标红取决于你用的规则集(如 airbnbstandard)和 .eslintrc 里怎么写的。

  • 想让 console 报 warning,加这条到 rules"no-console": "warn"
  • 想禁用某条规则,在对应文件顶部加注释:// eslint-disable-line no-console
  • 真正容易被忽略的是:ESLint 不检查未保存的文件。哪怕你写了满屏错误,只要没按 Ctrl+S,SublimeLinter-eslint 就不会跑 —— 它依赖文件磁盘状态触发校验

相关文章

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

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

下载

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

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.02

5079

3

int占多少字节
int占多少字节

int占4个字节,意味着一个int变量可以存储范围在-2,147,483,648到2,147,483,647之间的整数值,在某些情况下也可能是2个字节或8个字节,int是一种常用的数据类型,用于表示整数,需要根据具体情况选择合适的数据类型,以确保程序的正确性和性能。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.08.29

2605

6

c++怎么把double转成int
c++怎么把double转成int

本专题整合了 c++ double相关教程,阅读专题下面的文章了解更多详细内容。

2025.08.29

3168

10

C++中int的含义
C++中int的含义

本专题整合了C++中int相关内容,阅读专题下面的文章了解更多详细内容。

2025.08.29

2205

10

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

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

2023.06.20

3736

8

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

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

2023.07.28

1195

5

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1518

5

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

2023.08.17

9183

11

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

820

4

热门下载

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

精品课程

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