，标准化编程规范解决方案的自动格式化工具在上一节我们知道了ESLint可以让我们的代码格式更加规范，但是也带来了开发过程中编码复杂度上升的问题。那么有没有一种方法既能保证ESLint规则校验，又能让开发者无需关注格式问题就能顺利开发呢？答案是：是的！解决这个问题的关键是prettier！（点此进入prettier中文官网！）什么是prettier？代码格式化工具可以开箱即用地直接集成到VSCode中。保存时让代码直接符合ESLint标准（需要一些简单的配置）2-06：ESLint和Prettier配合解决代码格式化问题。prettier可以节省代码，让我们的代码直接符合ESLint标准。但是实现这样的功能需要一些配置。在VSCode中安装prettier插件（搜索prettier），这个插件可以帮助我们在配置prettier的时候得到提示在项目根目录新建一个.prettierrc文件，这是perttier的默认配置文件，写下如下配置在这个文件中：{//没有尾随分号"semi":false,//使用单引号"singleQuote":true,//在多行逗号分隔语法中，最后一行没有逗号"trailingComma":"none",//HTMLisblankSensitivity"ignore"-所有标签周围的空格（或缺少空格）被认为是微不足道的。"htmlWhitespaceSensitivity":"ignore"}打开VSCode《设置面板》在设置里搜索save，勾选FormatOnSave，就可以在VSCode保存的时候自动格式化代码了！但！可能你做这些还不够！你可能会遇到以下问题，最常见的例子：VSCode，默认一个tab等于4个空格，而ESLint期望一个tab等于两个空格解决方法：打开VSCode《设置面板》->TabSize设置为2如果你VSCode安装了多个代码格式化工具解决方法：右键->使用...格式化工具->配置默认格式化器为PrettierESLint和prettier冲突我们尝试在Home.vue中写入一个创建的方法。写入完成后，打开我们的控制台，我们会发现代码抛出了ESLint错误。这个错误的意思是：创建的方法名和后面的括号之间，应该有一个空格！但是当我们添加这个空格的时候，我们一保存代码就会发现prettier会自动帮我们去掉这个空格。那么此时的问题就是prettier和ESLint的冲突。解决方法：打开.eslintrc.js配置文件->rules规则下，添加一条新规则->'space-before-function-paren':'off'（这个规则表示关闭《方法名后增加空格》的规则）重启项目到此为止我们整个perttier和ESLint的使用就完成了。在后面写代码的过程中，我们只需要保存代码，然后perttier会自动帮我们格式化代码，使其符合ESLint的校验规则。而不是必须手动更改它。这两节我们通过prettier+ESLint解决了代码格式的问题，但是之前我们也说过，编程规范不仅仅指的是代码格式规范。除了代码格式规范，还有一个很重要的规范就是git提交规范！请看下一章《标准化编程规范解决方案之git 提交规范化工具 Commitizen》
