vscode構成eslint、エラーコード識別および自動修復を実現

1157 ワード

ESLintカード
一、eslintプラグインのインストール
二、vscode拡張設定
「ファイル」>「プリファレンス」>「設定」をクリックしてVSCodeプロファイルを開き、次の構成を追加します.

"eslint.options": {
    "extensions": [".js", ".vue"]
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue-html",
    {
        "language": "vue",
        "autoFix": true
    },
    {
        "language": "html",
        "autoFix": true
    }
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,

このように、ファイルを保存するたびに、eslintrc.js構成規則はコードをチェックし、簡単な修復を行う.
三、自動修復コード
1、いつエラーコードを修復ファイルを保存するかeslintプラグインは自動的にコードを修復し、一度保存してもすべてのエラーを修復できない可能性があるので、何度も保存します.
2、自動保存についてエディタが「files.autoSave」:「afterDelay」を自動的に保存するように設定している場合、コードファイルの自動保存を変更してもeslint自動修復機能はトリガーされません.この場合、自動的に修復するには手動で保存する必要があります(ctrl+s).
四、vscodeファイル検査を無視する
1、すべてのファイルチェックを無視し、eslintを禁止する.
“eslint.enable”: false
2、一部のファイルチェック注を無視:vscode eslintプラグインは読み込まれていないようです.eslintignoreファイル.
もちろん、これはプロジェクトの開発プロセスに影響を与えるのではなく、ページが赤くなるだけです.明細内構成で解決できます:/*eslint-disable*/