0. 写在前面

为什么我们要用ESLint？

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

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

vscode扩展插件截图

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

2. 打开设置

用户设置

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

用户设置

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

[AppleScript] 纯文本查看 复制代码

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

点击查看更多精彩前端资源

点击有惊喜

0. 写在前面

为什么我们要用ESLint？

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

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

vscode扩展插件截图

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

2. 打开设置

用户设置

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

用户设置

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

[AppleScript] 纯文本查看 复制代码

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

点击查看更多精彩前端资源

点击有惊喜