zoukankan      html  css  js  c++  java
  • vue eslint 规范配置

    vue eslint 规范配置

    JavaScript Style Guide

    为了代码格式统一,避免一些低级或者不合理的错误,现强行使用eslintstandard规范

    项目配置

    目前都是使用 vue 提供的脚手架进行开发的,虽然 vue-cli 3.0,但是公司因为配置了OAuth的缘故,暂时还是只能使用vue-cli 2.0,
    因而当前配置会结合两个版本进行阐述

    目的

    可以通过编辑器(vscode)进行提示同时可以修复,如此便是最好的

    vue-cli 2.0

    • 新建项目时选择 standard格式
      standard

    • 测试eslint (随便选个地方,打几个空格)
      standard

    • 保存时可以自动修复 (或者代码格式化时修复)

      由于vetur使用的格式化是 prettier的方式,并不是我们想要的standard,目前两种操作方式
      vscode

      • 方案1: 若是能将prettier改为我们想要的,这是最好的
      • 方案2: 不改变 prettier,而是在保存时再按照 standard的形式保存也不赖的

      针对上面描述,当前才用的是第二种方案(第一种方式还没找到解决办法)

      • 采用方案2,操作流程

        • 安装插件 ESLint

        • vscode setting.json添加配置

            // 开启
            "eslint.enable": true,
            // 保存
            "eslint.autoFixOnSave": true,
            "eslint.run": "onType",
            "eslint.options": {
                "extensions": [".js",".vue"]
            },
            "eslint.validate": [
                // 此处保存时,自动修复
                { "language": "vue", "autoFix": true },
                "javascript",
                "html",
                "vue-html"
            ]
          
        • 效果

        vscode

    vue-cli 3.0操作相同(细微区别先不描述)

    eslint简单描述

    eslint目前有两个大的分支

    airbnb 比 standard 规则要求更加严格,这也是为何选择 standard的缘故,由于规则并不是百分百符合每个公司,因而都会在此基础上,进行私人定制 eslint-config-vue 具体规则描述见 eslint官网

    关闭某个特定eslint校验 网友

    总结

    • 若是能在代码格式化时就可以进行修复,这才是最好的
    • 如何定制自己的规则,这个有些难(众口难调)
    • 后续再进行补充吧(点之间还是有些散)
  • 相关阅读:
    使用XHR2或Jsonp实现跨域以及实现原理
    正则表达式环视
    hibernate>一对一关联映射 (onetoone) 小强斋
    上传下载 小强斋
    Struts2><s:token />标签防止重复提交 小强斋
    hibernate>一对一关联映射 (onetoone) 小强斋
    Struts2>interceptor 小强斋
    hibernate>一对多关联映射 小强斋
    Struts2><s:token />标签防止重复提交 小强斋
    hibernate>多对多关联映射 小强斋
  • 原文地址:https://www.cnblogs.com/sinosaurus/p/11275671.html
Copyright © 2011-2022 走看看