vue语法错误修复的3种方法

用vue-cli创建项目时，若选择Linter /Formatter 并使用ESLint+Standard config模式时，在开发的过程中vue语法会严格遵循ES6的标准语法，如字符串必须是单引号‘’，＝号前要有一个空格，代码最后要有一行空行，定义一个变量要使用不然就报错等等。

所以eslint 有好有坏，对开发者来说，能够保证每个一个开发者的代码风格统一，代码格式标准化，坏处就是很多开发者之前已经形成个人习惯的代码风格，不好改变，想要形成标准的统一的规范的代码模式就要进行代码修复，这样就增加了成本和精力。但是我还是想说，好处大于坏处，所以很多公司才用eslint来纠正或者调整代码风格，以形成规范化标准化代码格式，这也是很多公司要求要用标准的ES6语法。

针对如何修复VUE语法错误的问题，本文列出常见的3种方案：
1，使用命令：npm run lint
vscode自动修复
使用命令的好处就是方便，但对开发者不友好。试想下，每编写一块代码就得要用npm run lint来修复错误，如果 项目很大代码很多，每次有错误就要运行一次命令，那就大大影响了开发效率和开发心情了。

2,安装eslint插件，并启用，在开发过程中会实时提示错误，只要保存文件会自动修复语法错误。
[文件]=>[首选项]=>[设置]=>用户，往下拉找到setting.json，加上以下配置：
“editor.codeActionsOnSave” : {
“source.fixAll” : true
}

3.关闭eslint，待定完项目后再运行npm run lint一次修复错误
在项目要根目录下，新建vue.config.js 写上代码后保存再重新运行：
// vue项目的配置文件覆盖
module.exports = {
lintOnSave: false //暂时关闭代码格式检测
}