ESLint:你认识我吗
ESLint是一个语法规则和代码风格的检查工具。
和学习所有编程语言一样,想要入门ESLint,首先要去它的官网看看:https://eslint.org/。
ESLint的版本问题
目前ESLint的稳定版本是v4.19.1,如果你看过ESLint的官方文档,就会知道官网推出了ESLint v5.0.0-alpha.1,这是ESLint的一个主要版本升级。
由于这是预发布版本,ESLint尚未准备好用于生产,因此不会通过npm自动升级。next安装时必须指定标签:
npm i eslint@next --save-dev
这句命令从 npm 仓库安装了 ESLint CLI,如果想尝试下新功能的童鞋可以安装捣鼓一番。
为什么我们要在项目中使用ESLint
ESLint可以校验我们写的代码,给代码定义一个规范,项目里的代码必须按照这个规范写。
加入ESLint有非常多的好处,比如说可以帮助我们避免一些非常低级的错误,一些格式上的问题导致我们在运行生产环境的时候出现一些不明所以的报错。还有就是在跟团队协作的时候,每个人都保持同一个风格进行代码书写,这样团队内部相互去看别人的代码的时候,就可以更容易的看懂。
ESLint实战小技巧全揭秘
那么ESLint如何去使用呢?首先我们要去安装它:
npm install eslint
至于是本地安装还是全局安装,你们可以看项目需求。在这里,我们就不用官方提供的 eslint --init 来生成我们的配置文件了,后面我们会手动配置。规则也不用我们自己去指定,想看更多规则可以前往官网了解,这里只提供在公司项目中快速上手ESLint的技巧,以及在实战项目中碰到的问题的解决方案。
用别人的轮子开发自己的项目,省时省力
第一个小技巧来了,现在网上有个叫 eslint-config-standard 的标准的ESLint规则,我们继承这个规则就可以了。这样的话我们项目里按照这个标准规则去开发代码就OK了。