Eslent学習まとめ

プラグイン化されたjavascriptコードのオープンソース検出ツール.イメージとしては、eslintがjsonオブジェクトを配置してjavascriptコード仕様を検出します.一つ.eslintrc.js件の例ファイル

module.exports = {
  "root": true,
  "parser": 'babel-eslint',
   "env": {
       "browser": true,
       "commonjs": true,
       "es6": true
   },
  "parserOptions": {
       "ecmaFeatures": {
            "jsx": true
        },
        "sourceType": "module"
  },
  "globals": {
        "$": true,
        "require": false
   }
  "extends": "standard",
  //     vue    script
  "plugins": [
       "html"
  ],
  //          
  "rules": {
    //            ，       
    "arrow-parens": 0,
    //             
    "no-useless-escape": 0
  }
}

インストール

グローバルインストールnpm install eslint -gプラグイン化ツールとして、グローバルにeslintを使用する場合は、プロジェクトに対応するプラグインも全体的にインストールする必要があります.

ローカルインストールnpm install eslint

設定と使用
eslintをインストールすると、私たちは一定の構成ルールを生成する必要がありますが、実際には2つの方法でルールを設定することができます.

.eslintrc.*ファイルまたはpackage.jsonファイルのeslintConfigフィールドの2つの方法で行うことができる全体構成

は、Javascriptファイルに注釈を埋め込むことによって、個別規則の個別構成のために使用され、現在位置が全体構成を満たさないために一般的に使用され、優先度は最高

である.
.eslintrc.*ファイル生成
グローバル:

eslint --init 

ローカル:

./node_modules/.bin/eslint --init

第三の方式
コマンドラインでプロファイルを指定します.

 eslint -c myconfig.json myfile.js

設定の優先度
行内設定>コマンドライン>プロファイル
設定パラメータの説明
1.グローバル変数:globals
未定義の変数にアクセスすると、no-undefルールが警告されます.一つのファイルでグローバル変数を使いたいなら、これらのグローバル変数を定義することを勧めます.これでESLintは警告を発しません.コメントを使ってもいいし、設定ファイルでグローバル変数を定義してもいいです.

//true    ，false   
 "globals": {
    "$": true,
    "require": false
 }

2.extensの流行を受け継ぐ構成はeslint-config-airbnn、eslint-config-standrdがあります.
eslint-initコマンドで作成された構成は、デフォルトで推奨されているルールを継承します.

  {
    "extends": "eslint:recommended",
  }

3.プラグインplugisフレームで流行しているプラグインは、eslint-plugin-react、eslint-plugin-vue、eslint-plugn-vueなどがあります.
グローバルにインストールされたESLintは、グローバルにインストールされたプラグインしか使用できません.ローカルにインストールされたESLINEは、ローカルにインストールされたプラグインだけでなく、グローバルにインストールされたプラグインも使用できます.
4.ルールrules
三つのレベル

「off」または0−クローズルール

「warn」または1-オープンルールは、警告レベルのエラーを使用します.

「error」または2-オープンルールは、エラーレベルのエラー:error(トリガされるとプログラムが終了します)

を使用します.
ルール
意味
推奨設定
no-cond-assign
禁止条件式には、演算子が表示されます.
error
no-consone
無効化consoleno-console: ["error", { allow: ["warn", "error"] }]no-constant-condition
条件での定数表現の使用を禁止します.
0
no-debugger
無効化debuggerprocess.env.NODE_ENV==='production'ですか?2:0
…
…
…
具体的には中国語公式サイトの規則設定を参照してください.
Vueサポート

npm install eslint-plugin-vue
 
npm install eslint-plugin-html

v scode構成は静的検査をサポートしています.
eslintプラグインをインストールして、設定を設定します.

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue-html",
    "vue"
],
"eslint.options": {
    "ignorePattern": ["node_modules", "build", "config"]
},
"eslint.workingDirectories": []

プロジェクト中のチェック
package.jsonにコマンドを配置する

"scripts": {
   "lint": "eslint --ext .js,.vue src"
 },