美文网首页
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