ESlint + prettier + vscode 使用 prettier

vscode 使用 prettier 插件

1、配置
文件 -> 首选项 -> 设置 -> 用户 -> 扩展 -> prettier - 代码格式化配置
2、保存自动格式化
文件 -> 首选项 -> 设置 -> 搜索设置 format on save 选择保存自动格式化
3、当前文件内容格式化
shift + alt + f
4、不同项目使用不同的vscode配置（针对旧项目没有使用代码格式化工具就不统一使用自动保存格式化）
1）、在项目的根目录创建 .vscode 文件夹
2）、在 .vscode 文件夹下创建 settings.json 文件
3）、配置保存自动格式化

项目使用 prettier 插件

1、新项目
1)、在创建项目时选中 ESlint + prettier

2）、在vue根目录创建 .prettierrc
根据需求可看官方文档进行配置
这是我的配置
singleQuote 是否使用单引号
trailingComma 末尾加上逗号
semi 是否默认末尾加上分号

2、已创建项目中安装 prettierrc （看官网）
传送门 ： https://prettier.io/docs/en/install.html