ESLintプロジェクトが反応に追加します

eslintをインストール1.

NPMインストールeslint --save- DEV
 // 或者 
糸追加eslint --dev

2.初期設定ファイル 

eslint --init NPX // アクセス設定ページの問題

終了したら、eslintのプラグ反応するフックを追加

NPMインストールeslint-プラグインに反応-フック--save- DEV
 // 或者 
糸追加eslint-プラグイン反応し、フック--dev

そして、コンフィギュレーションファイルに設定項目を追加します。

// あなたESLint構成
{
   "プラグイン" ：[
     // ... 
    "フックは-REACT" 
  ]、
   "ルールは" ：{
     // ... 
    "REACT-フック/ルール・オブ・フック"： "エラー"、// DRCフック、 
    "REACT-フック/網羅-depsの"： "警告" // のチェック依存効果を
  } 
}

3.拡張VSCodeはEslintに取り付けられました

 

 このプラグインショープラグインの説明から、デフォルトのプロファイルの場所：

これは、フォルダ内の現在の作業ディレクトリ.eslintrcルートにデフォルトのファイルを探します。*または.eslintrcファイル。構成コードに応じて、ステップ2で生成した文書ファイルの内容を確認してください。

3.エラーの分析

ESLintはでVSCodeに役割を果たしていない場合。分析は間違った方向に上記の二つのステップことがわかりました

1. VSCodeはESLintをインストールしていません

問題の2.設定ファイル

  これは、設定ファイルを見つけ、ファイルフォルダの下に、現在の作業ディレクトリのルートです。

  1）プロファイル名が間違っています。以下のような：.essslintrc.js

  2）ルート・ファイル内の構成ファイルを正しくし、現在のプロジェクトの下で、しかし、現在のプロジェクトは、現在の作業ディレクトリではありません。

 

示されているように、現在の作業ディレクトリは、現在のプロジェクトフォルダの親フォルダで、VSCodeは、次のプロファイルの検索が失敗し反応するようになります！

解决该问题的办法：

1）将当前项目作为当前工作目录。

✅推荐使用这种。这样不需要额外配置。

2）修改VSCode中ESLint查找配置文件的位置。

Code->Perference(首选项)->settings(配置)

 

在配置文件中添加ESLint插件的配置文件路径：

// ❌不推荐使用，这样之后的所有项目都需要重新配置
{
   "eslint.options": {"configFile": "/Users/lyralee/Desktop/MyStudy/React/webpackdemo/.eslintrc.js"},
   // ...其他的配置
}