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校验 网友

    总结

    • 若是能在代码格式化时就可以进行修复,这才是最好的
    • 如何定制自己的规则,这个有些难(众口难调)
    • 后续再进行补充吧(点之间还是有些散)
  • 相关阅读:
    C#低级Windows API钩子拦截键盘输入
    PowerDesigner 11 使用心得
    c# windows服务状态、启动和停止服务
    PowerDesigner设计数据库
    C# Windows帐户和目录添加用户权限方法
    ASP.NET的控件Gridview在Firefox中的Border显示问题
    去掉图片连接的虚框
    http://www.ediyang.com/demo/DD_Png/
    WEB前端开发规范文档(for: mrthink.net)
    .net下载文件的常用方法汇总
  • 原文地址:https://www.cnblogs.com/sinosaurus/p/11275671.html
Copyright © 2011-2022 走看看