VUE3 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignor

今天学习vue3建项目的时候遇到Eslint各种报错，
报错一：

8:1  error  Delete `⏎`  prettier/prettier
✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option

原因：与创建项目时选择的 eslint 的设置问题，可以通过“—fix”选项修复
.解决方法：
package.json
//原代码

 "scripts": {
    ...
    "lint": "vue-cli-service lint"
  },

更改：

"scripts": {
   ...
    "lint": "eslint --fix --ext .js,.vue src"
  },

报错二：
提示建议我们使用特殊注释禁用某些警告。使用//eslint disable next line忽略下一行。使用/eslint disable/忽略文件中的所有警告。

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

解决办法：
我们在 .eslintrc.js 里面注释掉 plugin:prettier/recommended 就可以了

另外，在VUE2也有朋友遇到这样的问题，但是以上方法在VUE3适用，有朋友【想看看风景】给出VUE2的解决方法：

把vue.config.js中的lintOnSave的值改为false即可。
但如果在vue.config.js中没有lintOnSave则添加lintOnSave: false

报错三：
这个报错是建议我们使用 驼峰命名

6:9  error  Component name "My" should always be multi-word  vue/multi-word-component-names

解决办法：
① 按照规则走，改驼峰命名
②但是像以上我就一个 My ，这样要写个驼峰不是很合理，所以可以在 .eslintrc.js 文件写一条规则：

  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    // 关闭驼峰命名规则
    'vue/multi-word-component-names': 0,
  },

Tips: 更改配置文件记得重新启动项目哦，要不然不生效的！

修改完之后就能跑起来了！

小白躺坑记录一下，有错漏不足之处还望不吝赐教，感谢！