在我们使用Vue脚手架 创建项目时 尤其是团队共同开发项目时 会按照一个共同的代码规范来编程 创建Vue脚手架中有一个.eslintrc.js格式 但是在编程中我们通常会使用 shift+alt+f 进行代码格式化 但是由于格式化后的代码 与Vue中的.eslintrc规范不协调 尤其是 “” ； 以及空格的把控
以上就是使用不同的代码规范格式代码后的结果
解决办法：Eslink
配置Eslink
他是VScode中的一个插件
1.安装插件
2.配置如下代码;
// 配置 eslint "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, //autoFix默认开启，只需输入字符串数组即可 "eslint.validate": [ "javascript", "vue", "html" ], "[vue]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }
此时，编写 vue 文件时 编写时，就会自动的按照eslint标准语法进行检测，并标注错误 保存代码时，会自动按照 eslint 语法要求对代码进行修复
