sublime如何使用eslint

JavaScript的校验工具有很多,例如JSLint、jshint、JavaScript lint、eslint等等,刚接触这些会傻傻分不清楚。简单来说,JSLint是大牛Douglas crockford撰写,是比较老派的工具,诞生于IE6时代,主要从浏览器的兼容性去考虑;jshint可以看做是jshint的升级版,扩展了JSLint的一些功能;而JavaScript lint和JSLint派系并不相干,估计用的也少;现在最符合时代变化的工具应该是eslint了,一脉相承,可配置性高,下面来看看在Sublime里面如何使用eslint。

1,安装

首先要保证自己安装了nodejs环境和eslint:

1.1 安装nodejs和npm。

1.2 全局安装eslint:

npm install -g eslint

1.3 安装Sublime eslint包。

在package control里搜索“eslint”,安装即可。

2,配置

按照如下方式打开配置文件:

Preferences / Package Settings / ESLint / Settings - User

可以参照我个人的配置。

{
  "node_path": "C:/Program Files/nodejs",
  "node_modules_path": "C:/Program Files/nodejs/node_modules",
  "config_file": "D:/dev/tw591/public/.eslintrc.js"
}

eslint的配置文件最好使用js格式的,json格式的好像暂时有bug。

3,使用

使用快捷键Ctrl + Alt + e,成功了之后会出现下面这种情况:

4,怎么忽略一个文件和一些规则的检测?

禁止整个文件的检测,在文件行首添加下面这一行:

/* eslint-disable */

禁止一些特定的规则,在行首添加下面这一行:

/* eslint-disable rule-name1, rule-name2 */

更多参考:https://eslint.org/docs/user-guide/migrating-from-jscs#disabling-rules-inline

5,怎么设置全局变量?

/* global var1, var2 */

更多参考:https://eslint.org/docs/user-guide/configuring#specifying-globals

参考链接

 

作者: 曾小乱

喜欢写点有意思的东西

发表回复

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据