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

# vscode
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue