eslint和prettier配合解决代码格式问题

背景

团队协作开发前端项目，会存在代码风格质量参差不齐的情况，这时候可以用eslint和prettier配合解决代码格式问题，提高代码可读性，引起强烈舒适。

开始

1. 下载prettier插件

   在vscode-extensions中搜索prettier，点击下载。

2. 根目录下新增.prettierrc文件，添加JSON配置

   {
     "semi": false,
     "singleQuote": true,
     "trailingComma": "none"
   }
   

3. code-preferences-settings更改配置，勾选format on save

4. 大功告成，cmd+s保存即可自动格式化代码！🎉

可能出现的问题

1. 右下角出现extension Vetur cannot format报错

在 extension 中将 Vetur 的状态改为 disabled