VUE eslintの構成仕様

VUE eslintの構成仕様

低レベルのエラーまたは不合理を回避するために、コードのフォーマットを統一するために、使用することを余儀なくされる仕様eslintstandard

プロジェクトの構成

現在では、しかし、足場VUE開発の使用により提供されるvue-cli 3.0のOAuth酒の設定、または一時的な使用のため、同社vue-cli 2.0、
したがって、現在の構成が二つのバージョンと併せて説明します

目的

エディタ（vscode）によって促すことができる、それがベストですので、同時に修復することができます

vue-cli 2.0

• 新規プロジェクトの選択standard形式を
  

• テストeslint（いくつかのスペースを再生する場所を選びます）
  

• 保存するときに自動的に修正することができます（またはコードのフォーマット時に修理）

  以来vetur使用されるフォーマットは、prettier私たちが望むどのような方法ではなくstandard、操作の現在、2つのモード
  

  • シナリオ1：することができた場合はprettier、我々が望むものを読んで、これは最高です
  • シナリオ2：変化しませんprettierが、あなたがに従い、その後、保存するときstandardには依存しない保存の形

  以上の説明のために、それが現在第2の方式（ない解決策を見つけるための最初の方法）を使用しています

  • 使用方案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"
        ]

    • 効果

    

vue-cli 3.0同様の動作（第一の微妙な違いには説明しません）

簡単な説明をeslint

eslint二つの大きな枝があります。

• 標準
• airbnb

ルールは必要であり、これは、標準の選択、ルールはこれに基づいてなり、各企業に合わせて百パーセント、ではないためには、民間のカスタム理由ですairbnbより厳格な標準よりもeslint-CONFIG-VUE に記載された特定のルールがeslint公式サイトをご覧ください

特定のeslintチェックに近いユーザー

概要

• それはタイムコードのフォーマットで修復できる場合は、これがベストです
• 独自のルール、このハードの一部（届きにくい）をカスタマイズする方法
• それを追加し、その後フォロー（またはいくつかがポイント間で散乱）