配置代码格式化，解决ESlint语法检查报错

ESLint + Prettier来统一我们的前端代码风格

对应ESLint大多都很熟悉，用来进行代码的校验。

Prettier是一个代码格式化工具，它可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式。

用来替代lint中的一些场景，比如说分号/tab缩进/空格/引号，这些在lint工具检查出问题之后还需要手动修改，而通常这样的错误都是空格或者符号之类的，这样相对来说不太优雅，利用格式化工具自动生成省时省力。

 

Prettier提供了一套默认的配置，那么如何修改配置项符合我们自己的代码规范呢，有三种方法可以做到

         1、.prettierrc 文件 （项目根目录新建）

         2、prettier.config.js 文件      （项目根目录新建）

         3、package.json 中配置prettier属性

第一种方式（要json格式）

{
  "semi": false,              //是否需要分号，默认true
  "singleQuote": true,        //单引号
  "printWidth": 200,          //每行最多多少个字符换行
  "trailingComma": "es5"      // 对象属性最后有 "," 
}

第二种方式

module.exports = {
  "printWidth": 80, //一行的字符数，如果超过会进行换行，默认为80
  "tabWidth": 2, //一个tab代表几个空格数，默认为80
  "useTabs": false, //是否使用tab进行缩进，默认为false，表示用空格进行缩减
  "singleQuote": false, //字符串是否使用单引号，默认为false，使用双引号
  "semi": true, //行位是否使用分号，默认为true
  "trailingComma": "none", //是否使用尾逗号，有三个可选值""
  "bracketSpacing": true, //对象大括号直接是否有空格，默认为true，效果：{ foo: bar }
  "parser": "babylon" //代码的解析引擎，默认为babylon，与babel相同。
}

prettier官网地址