vue的默认的三种eslint模式对应的.prettierrc文件

关键点：eslint要与格式化文档相匹配

1、安装vs code的插件

eslint

Vetur（vs code的总体设置比较方便）

Prettier（单个项目使用比较方便）

eslint用于检查代码，Vetur和Prettier用于格式化文档。在格式化文档的时候，选择Prettier插件，在项目根目录创建.prettierrc文件。

2、VUE的三种eslint模式对应的.prettierrc文件设置方法

首先看prettier的官网的默认格式（https://github.com/prettier/prettier-eslint），具体翻译（https://segmentfault.com/a/1190000012909159）

{
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": false,
  "trailingComma": "none",
  "bracketSpacing": true,
  "semi": true,
  "useTabs": false,
  "jsxBracketSameLine": false
}

2.1 standard的eslint标准

{
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": true,
  "trailingComma": "none",
  "bracketSpacing": true,
  "semi": false,
  "useTabs": false,
  "jsxBracketSameLine": false
}

2.2 airbnb的eslint标准

此eslint代码标准下，刚好和prettier的官方默认格式一致，完全不用修改。

2.3 recommended的eslint标准

{
  "printWidth": 80,
  "tabWidth": 2,
  "singleQuote": false,
  "trailingComma": "all",
  "bracketSpacing": true,
  "semi": true,
  "useTabs": false,
  "jsxBracketSameLine": false
}