ESLint进行代码校验

​ JavaScript是一门动态的弱类型语言，在提供了灵活性的同时也会悄悄的埋下很多雷。由于js没有编译过程，因此js的代码错误往往需要在执行过程中进行调试。于是很自然的我们能够想到，能否有一个工具能够在编写js代码的时候就进行错误检查？ESLint即是一个JavaScript代码检测工具，由JavaScript高级程序设计的作者Nicholas C. Zakas 于2013年创建。概括来说它可以完成两件事情：1. JavaScript语法检查，2. 编码风格检查。

强/弱类型指的是类型检查的严格程度，比如弱类型的JavaScript在执行"1"+2时并不会报错，而是得到"12"

使用airbnb配置文件

​ Airbnb的JavaScript代码编写风格在Github上广受欢迎，我们可以在项目中引入eslint-config-airbnb模块来使用airbnb的.eslintrc配置文件，除了ESLint规则以外，还囊括了ECMAScript 6+和React。使用前需要全局安装以下的npm包eslint, eslint-plugin-import, eslint-plugin-react, 和 eslint-plugin-jsx-a11y。

​ 注：在编写文本时（2017.06.19）eslint-config-airbnb还未支持ESLint v4，因此需要使用低版本的eslint，安装命令如npm install --save-dev eslint @3.*

​ 在.eslintrc中添加如下命令即可使用：

{
    "extends": "airbnb"
}

ESLint结合Webstorm

​ Webstorm是一个强大的前端开发IDE，ESLint的集成也不在话下，只需要全局安装eslint，并导入指定的.eslintrc配置文件即可。

image