React+TSプロジェクトで便利だったLint/Format設定紹介
こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「linter/formatter」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、今わたしが 株式会社ナレッジワーク というスタートアップで開発・運用しているプロジェクトにおいて便利だったLint/Format関連の設定についてご紹介していきます。 使っているのは、TSのlintのためにESLint, CSSのlintのためにStylelint, 主なファイルのformatのためにPrettierです。 ESLint pluginsとextendsだけどんなもの入れてるか載せておきます。 "plugins": [ "strict-dependencies", // 後述 "unused-imports", // 後述 ], "extends": [ "a
TypeScriptのプロジェクトにESLintとPrettierを導入する方法（+VSCodeでの設定） - Qiita
ネット上に様々な方法で導入する方法が載っており、どれが良いのか分からなかったので自分なりにまとめてみました。 この記事は2020年8月時点での情報です。（2021/06/21 最新の情報を一部追記しました。） 内容 各種パッケージのインストール TypeScriptとESLintのインストール Prettierのインストール 動作確認 VSCodeでの自動フォーマット設定 （余談）eslint-plugin-prettierというプラグインの利用に関して 環境 typescript: 4.0.2 eslint: 7.7.0 @typescript-eslint/eslint-plugin: 3.10.1 @typescript-eslint/parser: 3.10.1 prettier: 2.1.1 eslint-config-prettier: 6.11.0 各種パッケージのインストー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
