1.两大linter，eslint，为js设计的可插拔检查器，tslint，为ts语言设计的可扩展检查器（2019年取消更新，推荐eslint）两种linter都可以实现修复功能。所谓修复，就是将原来的代码转换成符合一定规则的新代码。linter工具修复后的代码虽然解决了大部分问题，但是还是有一些地方不符合我们阅读代码的习惯，比如一行代码太长。在强迫症的影响下，不同的人不同程度地“美化”自己的代码，甚至遇到别人的代码就美化。最终导致项目中的代码风格无法统一。2、prettier简介Prettier是一款保证代码一致性和美化效果的代码格式化工具。eslint只专注于js，它支持的其他语言在下面列出javascript、jsxflow、typescriptjsoncss、less、scssgraphqlmarkdownyaml2.2有IDE的地方就有江湖，有编辑器的地方就有prettier。目前流行的IDE都可以支持prettiervscodewebstormatomvisualStudiosublime上面列出了几个常用的前端工具。需要判断使用的编辑器是否支持prettier。请移步官网2.3parserprettier对于不同的语言，使用的解析器有多种，比如编译graphql时使用的就是graphql/language。目前js的编译方式有两种，分别是babylon（默认）和flow。由于babylon的bug较少，对编译工作的支持较好，可以默认选择babylon。babylon是babel6的编译工具。它在babel7中已重命名为@babel/parser3.eslint。它结合了eslint作为一个强大的linter工具。配合vscode后，可以降低代码出问题的风险。可以在编码的过程中发现潜在的问题，改进代码。质量。3.1eslint-config-prettiereslint的config可以继承第三方包的config。rules的切换规则定义在config中，eslint-config-prettier主要定义prettier格式化后导致eslint报错的规则。3.2eslint-plugin-prettiereslint使用prettier格式化需要单独进行。如果想格式化eslintfix同时兼顾prettier的规则，需要使用插件eslint-plugin-prettier。它的主要作用是专门定义eslintfix3.3Fusion写法的prettier规则在.eslintrc文件中加入如下配置{"extends":["plugin:prettier/recommended"]}这段代码共有三个函数继承configrulesofprettier启用规则的“prettier/prettier”：“error”eslintfix并同时进行prettier格式化
