解决vue代码不规范而出现的问题：Eslint修复

当我们刚创建一个vue项目，写代码时候，因为代码写的不规范会出很多问题，报很多错误，除了一个一个去修改他们，还有没有其他办法去解决他们呢？

这里介绍三种办法去统一解决：

方法一：每次运行npm run lint

package.json文件里有一个"lint"：“vue-cli-service  lint”，每次写完代码，运行一下lint：npm run lint，会自动帮你修复，但是变量没有用，不会给你自动修复，需要你自己手动修复。

方法二：自动修复eslint（推荐）

（1）安装eslint插件，并启用；

（2）在【文件】=>【首选项】=>【设置】，找到setting.json，加上以下配置：

"editor.codeActionsOnSave":{
        "source.fixAll":ture
}

setting.json位置： 

配置完，当你每次写完代码ctrl+s保存以下就自动给你修复了。

但是这个方案跟你的vscode和eslint版本是息息相关的，所以会出现版本不适用问题，有时候就没用了。

方案三：暂时关掉eslint，等代码都写完了，最后运行一次 npm run lint（推荐）

创建一个vue.config.js文件，在文件中加上下面这句代码：

module.exports = {
    lintOnSave:false //暂时关闭代码格式检测
}

然后重启项目，直接运行：

npm run lint

代码不规范就被修复了。