美文网首页
vscode保存代码自动格式化成ESLINT标准格式(vue通用

vscode保存代码自动格式化成ESLINT标准格式(vue通用

作者: harryfun | 来源:发表于2018-07-19 12:33 被阅读0次

0. 写在前面

为什么我们要用ESLint?

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

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

vscode扩展插件截图
  • 注意下载完成之后点击一下重新加载,这样才能生效(我觉的他要花时间准备一下)

2. 打开设置

用户设置

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

用户设置

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

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

相关文章

网友评论

      本文标题:vscode保存代码自动格式化成ESLINT标准格式(vue通用

      本文链接:https://www.haomeiwen.com/subject/qxftmftx.html