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