请选择 进入手机版 | 继续访问电脑版
安装环境

    Windows 7 SP1 企业版Sublime text 3 Build 3162Node.js v6.9.5Yarn 0.23.2 (可用 npm 代替)
安装 ESLint

到你的项目根目录生成一个 package.json 文件,如果没有使用 yarn init -y 来自动生成
ESLint 默认的 parser 是 esprima,如果你需要检查 Babel 转义的 JSX 等文件那可以选择安装 babel-eslint
  1. [/code]使用 sublime text 3 配置 eslint 来做代码检查
  2. [size=5]安装 Sublime text 3 插件[/size]
  3. [size=4]安装 SublimeLinter 和 SublimeLinter-contrib-eslint[/size]
  4. SublimeLinter 是一个代码检查框架插件,功能非常强大,支持各种语言的检查。但是它本身并没有代码检查的功能,需要借助 ESLint 这样的特定语言检查支持。我们只需要使用对应的 SublimeLinter-contrib-eslint 插件即可
  5. 在 Sublime text 中 Ctrl + Shift + p > Package Control:Install Package 里面搜索关键词 linter,[b]注意[/b]别选成了 SummitLinter。然后再搜索 eslint 找到 SublimeLinter-contrib-eslint 安装(不得不吐槽下 Sublime package 搜索匹配让人无法理解)
  6. [size=5]配置 ESLint[/size]
  7. 到项目根目录下面使用 eslint 命令交互式的生成配置文件。这里 ESLint 会让你确认项目的配置项目,包括代码风格、目标文件等。我一般选择 Answer questions about your style,即通过选择性的回答命令行中的问题让 ESLint 生成适合我项目的配置文件
  8. 生成的配置文件我一般选择 JavaScript 因为这样比较方便写注释。我的配置项大概如下:
  9. [code]
复制代码
生成的配置文件竟然是这样的:
[code][/code]上面的 extends 设置成 eslint:recommended 表示在 ESLint 规则页面 中标记成 「✔」 的项都开启检测
使用

打开项目中任意一个 JavaScript 文件,右键 SublimeLint > Lint this view 来试试检查当前文件,如果有错误,编辑器会展示对应 Gutter 错误行和信息。可以使用 SublimeLint > Show all errors 来查看所有的错误
上个图吧
Sublime text 3 配置 ESLint 代码检查-1.jpg
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 邀请

本版积分规则

Archiver|手机版|小黑屋|翁笔

Powered by Discuz! X3.3 © 2001-2018 Comsenz Inc.

返回顶部