Angularの静的解析ツール設定(ESLint & Prettier)｜眩しいサインを見ただろう

普段フロントエンドの開発では、Angularを使用しています。 その際に使用している、静的解析ツールとして、ESLintとPrettierを使用しています。 ESLint はコードの構文的な問 題をチェックし、Prettier はコードの読みやすさをチェックします。 この記事では、設定内容を共有します。 ESLint ライブラリのインストール・設定 ESLintのインストールは、個別でインストールしなくてもAngular CLIでいい感じにやってくれます。 ng lint と実行すると、設定されていないとインストールをしてくれます。 package.jsonを見ると、以下の変更が反映されました。 "scripts": { //lintが追加 "lint": "ng lint" }, "devDependencies": { // 以下のライブラリが追加 "@angular-eslint/b

[mabushii_sign]

ブログ書きました。