eslint，vscode保存代码自动格式化成ESLINT标准格式（vue通用）

0. 写在前面

为什么我们要用ESLint？

• 规范我们的代码
• 成为一个合格的有节操的程序员
• 减少代码的不严谨的地方，减少出错的几率，提升代码的健壮性
• 使代码看起来整洁

1. 在vscode中的扩展插件中下载ESLint

 

vscode扩展插件截图

• 注意下载完成之后点击一下重新加载，这样才能生效（我觉的他要花时间准备一下）

2. 打开设置

 

用户设置

3. 在用户设置中粘贴进去一些配置

 

用户设置

把下面的代码放到user settings 的对象中就可以了

重要：记得重启IDE

 

{
    // ----------Eslint-Start----------
    // 保存时自动格式化
    "eslint.autoFixOnSave": true,
    // 用来配置作用的文件类型
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    // ----------Eslint-End----------
}