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

Logo

前往低代码交流专区

更多推荐