vue工程在vscode中使用的小问题

前言

vue工程中自动格式化插件与ESlint检测的冲突。

1.自动保存时，会自动添加缩进

亲测成功

为了方便格式化代码，在vscode中开启了自动格式化，但是vscode代码一保存，就成了缩进4个空格了。
实在找不到问题所在的时候，可以看下插件JS-CSS-HTML Formatter是否已经安装，如果已安装，则卸载后重启VSCode就能解决。

参考博客: https://blog.csdn.net/qq_40072782/article/details/102751688

2.自动保存时，会自动在行尾添加分号

我的Vue项目使用的时Prettier插件，可以在该插件中统一配置。
亲测成功

在vue工程下新建.prettierrc文件，修改semi为false,即可修复

// .prettierrc文件内容如下
{
  "singleQuote": true, //自动格式化为单引号
  "semi": false,   //取消在行尾添加分号
  "trailingComma": "none"
}

参考博客：https://blog.csdn.net/qq_39840470/article/details/100888178