ESLint

入手:

ESLint | Visual Studio Marketplace [Official]

導入

参考:

VSCode に ESLint を設定する – Qiita

ESLint を導入して VSCode 上で問題として検知する – Qiita

Visual Studio Code へ ESLint と Prettier を導入する – Qiita

vscode-eslint v2 – Qiita

Prettier / ESLint を導入する際にハマったこと | りゅーそう

Visual Studio Code に ESLint 機能を追加する | galife

ESLint を使用してコードを自動フォーマットする | 開発覚書はてな版

概要

参考:

ESLint について – Qiita

設定

参考:

VSCode に ESLint を設定する – Qiita

Show all warnings and errors in visual studio code – Stack Overflow

Prettier と併用する

こちらのページを参照

参考:

TypeScript + Node.js プロジェクトに ESLint + Prettier を導入する手順 – Qiita

VSCode で ESLint + typescript-eslint + Prettier を導入する – Qiita

ESLint と Prettier を併用する時の設定 | すな.dev

ESLint と Prettierの使い方/静的検証/スタイル統一 | わくわくBank

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった | blog.ojisan.io

eslint-plugin-prettier を ESLint から 分離するサンプル | DevelopersIO

いつのまにか eslint-plugin-prettier が推奨されないものになってた | K note.dev

Integrating with Linters | Prettier [Official]

Prettier vs. Linters | Prettier [Official]

TypeScript

参考:

TypeScript + Node.js プロジェクトに ESLint + Prettier を導入する手順 – Qiita

VSCode で ESLint + typescript-eslint + Prettier を導入する – Qiita

TypeScript プロジェクトに ESLint を導入する | まくろぐ

Vue.js

参考:

続・VSCode 上で Vue ファイルに対して ESLint と Prettier が快適に動作する設定 – Qiita

ESLint と Prettier という名前だけ知っているような Web フロント初学者が、Vue.js やろうとして最初の設定でハマったので、備忘録として一連の設定をまとめてみた | 株式会社プロトソリューション

まとめ

Step by Step で始める ESLint – Qiita

ESLint 最初の一歩 – Qiita

eslint-config-prettier

Prettier で整形する場合に、ESLint で不要となるルールを除外する。

リポジトリ:

prettier/eslint-config-prettier: Turns off All Rules that are Unnecessary or Might Conflict with Prettier – GitHub

入手:

eslint-config-prettier – npm

参考:

ESLint と Prettier の組み合わせ | kohski

eslint-plugin-prettier を ESLint から 分離するサンプル | DevelopersIO

eslint-plugin-prettier

リポジトリ:

prettier/eslint-plugin-prettier: ESLint Plugin for Prettier Formatting – GitHub

入手:

eslint-plugin-prettier – npm

参考:

ESLint と Prettier の共存設定とその根拠について | blog.ojisan.io

ESLint + Prettier で JavaScript と CSS を自動フォーマットするぞ | かもメモ

lint-staged

入手:

okonet/lint-staged: Run Linters on Git Staged Files – GitHub

記事をシェアする:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA