黑马程序员技术交流社区

标题: 【广州前端】-vscode保存代码自动格式化成ESLINT标准格式 [打印本页]

---

作者: 松野君    时间: 2018-8-4 15:25
标题: 【广州前端】-vscode保存代码自动格式化成ESLINT标准格式


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

        }

    ]

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

点击有惊喜

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2