解决vue项目中prettier、eslint格式冲突问题

解决vue项目中prettier、eslint格式冲突问题

我是用prettier作为vscode默认的格式化插件的，vue项目自动保存的时候，格式化，会自动在代码末尾添加分号，单引号会自动变成双引号。然后eslint开始报错：

先贴上报错图

遇到这个问题的时候，试过很多种方式，包括：
修改vetur默认格式化插件配置…
修改prettier配置…
修改eslint配置…
然而都不管用！！！

最后找到两种有效的解决办法：

• 在vue项目中，新建.prettierrc.json文件，并写入如下配置：

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

• package.json文件中关于eslint相关的配置项里，写入以下代码，off代表关闭此类验证

"eslintConfig": {
    "rules": {
      "semi":"off",
      "singleQuote": "off"
    }
  },

就ok了，但是，这两种方法都比较麻烦，每次新的项目都需要手动更改，暂时还没有找到一步到位的解决方法，各位如果有更好的解决方式，不吝请教啊~