Others

Sublime Eslint代码规范检查 插件

需要用到 npm,如果没装过 npm,请看我的另一篇文章《NPM 安装 及 简单配置》

Eslint安装

这个是 nodejs 环境下的 eslint 工具,没有这个的话 sublime 就是通过调用这个来进行 eslint 检查的

Sublime配置

(要配置eslint的小伙伴们,应该都是知道sublime插件安装方法的,我就不重复了)

  1. 安装 SublimeLinter 插件 和 ESlint 插件

首选项 --> Packages Settings --> SublimeLinter --> Settings

1.png

将下面代码复制进去

“linters” 里的代码一般在安装 eslint 插件的时候就会自动添加。

"paths" 里主要填写本地 eslint 的路径,即 npm 安装的 eslint 路径。根据你的系统选择,Linux 环境下写在 linux 里,Windows 环境下写在 windows 里。路径只需要写到 eslint 所在文件夹即可。

  1. SublimeLinter配置
选项 类型 默认 备注
debug boolean false 如果为true,SublimeLinter会将检查结果打印到Sublime的控制台中
lint_mode string background 设置当前的lint模式,可选值有background(后台实时)、load/save、save only(仅保存时候)和manual
path array 设置额外的路径用于搜索可执行文件。例如,设置nodejs的位置
show_errors_on_save boolean false 当你保存文件的时候会弹出一个显示检查结果的快速面板
linters object 分别设置每个linter插件

更多配置可查看官方文档 http://www.sublimelinter.com/en/latest/linter_settings.html

Eslint 配置文件

  1. 在项目跟目录创建(.eslintrc.js)文件

然后将下面这串代码复制到 .eslintrc.js 这个文件里

这串代码是对你 eslint 检查规则的配置,这是我自己配的代码规范,当然你也可以自己配。

上面这些代码已经涵盖了日常使用的一些,还有更多规则还请自行查看官方文档 http://eslint.cn/docs/rules/

最后

SublimeLinter 不只是支持 ESlint,还有很多,比如 php 代码规范检查

SublimeLinter 还有很多功效,在这里就不细讲了,有待各位挖掘哈。

【注】由于 CSDN 改版导致图片全部失效,而我又有点懒(略略略)。所以图片我全删了,大家看着文字来哈 :aini:

OceanicKang
心若浮沉,浅笑安然
查看“OceanicKang”的所有文章 →

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关推荐