eslint 踩过的坑，帮你解决打部分问题

无论你是用  node > 12

npm create vite@latest     5.x

vue create vuetest            3.x

那么对于eslint 支持还是很好的，在不考虑代码提交的情况下，vue cli5

选择的 eslint + prettier

1.创建一个xx.vue，完成后全是错误  delete `cr` 

原因描述
在window系统中，clone代码下来，会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character)。这时候我们本地的代码都是回车符。 

我们选择关闭他 

2. 不去验证配置文件

配置没有和package.json 写一起的   

.eslintrc.js

 

.prettierrc.js

 

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

格式插件的配置

如果eslint 配置在 package.json总 一样去配置

完成后

vscode  配置  输入 save

 

 如果你还有其他的格式插件那么就要选择prettier 为默认

右键格式化代码  ----  顶部选择其为默认就好了，js vue html 等要选择

这个时候你的代码就可以在保存的时候格式了，

如果你装了vetur  这个插件，会报错

在设置中找到这个插件template  勾选这个选项就好了，

现在你的eslint就OK了，如果还有问题重启vscode，就好了，

是不是非常简单，如果还有问题欢迎留言