vscodeでeslintの自動修正を設定する方法は何ですか?
VS CodeでESLintの自動修正を設定するには、以下の手順に従うことができます。
- VS CodeでESLintプラグインをインストールする:Extensionsビューを開いて、ESLintプラグインを検索してインストールしてください。
- プロジェクトのルートディレクトリで、以下のコマンドを使用してESLintと関連する依存関係をインストールしてください:
- npm install eslint eslint-plugin-react eslint-plugin-react-hooks –save-dev をインストールしてください。
- プロジェクトのルートディレクトリに.eslintrcファイルを作成して設定してください。ファイル名は.eslintrcで、以下の内容を追加してください。
- {
“extends”: [
“eslint:recommended”,
“plugin:react/recommended”
],
“plugins”: [
“react”,
“react-hooks”
],
“rules”: {
// ここにルールを追加してください
}
} - VS Codeの設定で、eslint.autoFixOnSaveオプションを検索して開き、チェックを入れてください。
- “eslint.autoFixOnSave”オプションをtrueに設定する
- ファイルを保存する際に自動的にESLintが実行され、コード修正が行われるようになります。
- VS Codeを再起動して、設定を有効にしてください。
今、ファイルを保存すると、VS CodeはESLintを自動的に実行してコード内の問題を修正します。