ESLint使用规则

工作中如何使用的ESLint，以及如何自定义ESLint规则？

为什么要使用ESLint？

JavaScript是一个动态的弱类型语言，在代码编写的过程中，经常会出错，而因为其没有编译程序，为了寻找代码错误的地方，需要在执行的过程中不断的调试。

ESLint的作用就是让你在开发过程中发现自己的代码问题以及不规范的地方，提前发现问题所在，并且可以规范团队的代码风格保持一致。

什么是ESLint？

ESlint是一个开源的JS代码检查工具，它的目标是提供一个插件化的JavaScript代码检测工具。

ESLint 的核心就是其中包含的各种规则：

可以帮我们避免错误；

可以帮我们写出最佳实践的代码；

可以帮我们规范变量的使用方式；

可以帮我们规范代码格式等。

ESLint是一套JS代码规范。它可以让我们的代码风格一致、更加健壮、减少错误并用上社区的最佳实践。

原理

ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则。

rule是如何工作的？

ESLint 的核心就是规则（rule），每条规则都是独立的，且都可以被设置为禁止off，警告warn，或者报错error。

示例settings配置，添加到settings.json中使用：

  "editor.codeActionsOnSave": {

    "source.fixAll.tslint": true,

    "source.fixAll.eslint": true

  },

  // prettier

  "prettier.trailingComma": "es5",

  // vetur

  "vetur.format.defaultFormatter.js": "none",

  "vetur.validation.template": false,

  // ESLint / Prettier

  "eslint.alwaysShowStatus": true,

  "eslint.validate": ["typescript", "typescriptreact"]

我们在日常的工作中，也可以自定义符合自己团队风格的plugin提供给其他的队友使用。