ウェブサイト検索

node.js - ESLint と Prettier を使った TypeScript 軽量スクリプティングサポート


TypeScript/ESLint/Prettier は、あらゆる種類の作業において私のお気に入りのツールになりました。しかし、数十行程度の小さな Node.js スクリプトではまだ苦労しています。快適な IDE 体験で小さな Node.js スクリプトを書くためには、私は次のことが必要です:

  • package.json を作成する
  • tsconfig を設定する(厳密なコンパイル)
  • ESLintを設定する
  • Prettierを設定する
  • 起動パフォーマンスを気にする場合はJavaScriptにコンパイルする(下記参照)

これは小さなスクリプトに対してはかなりの儀式のようなものです。私のスクリプトでは、実際のコードよりも設定ファイルの方が大きいものがあります。小さな修正を加えてスクリプトを再実行したいだけの場合、JavaScriptのコンパイルは特に面倒です。

理論上、それらの問題を解決するために ts-node が存在します。しかし、私は次の理由で ts-node に苦労しています:

  • 起動パフォーマンスが遅い(多くのスクリプトで2秒以上)
  • 追加の設定を提供しない限り、適切な型チェックが欠けている
  • 上記のすべての設定を行わない限り、良いIDE体験が欠けている

ESLintやPrettierの体験を損なわずに、素早く小さなスクリプトを書く方法について何か提案はありますか?

回答 #1

この問題への私の一部の解決策は、package.json を検査し、プロジェクトが使用しているツールに応じて自動的に設定される eslint 設定を作成することでした

https://github.com/davidjbradshaw/eslint-config-auto

他の部分については、出発点としてシンプルなボイラープレートプロジェクトを使用します。

回答 #2

あなたのTypeScriptスクリプトは、コードベースと同じESLint設定を使用するべきです。TypeScriptではないプロジェクトにTypeScriptスクリプトを使用しないでください。

コードを冗長にしないようにするには、次を参照してください: https://github.com/google/zx