角度:tslintからeslintへ移行する

から抜粋Wikipedia :

Lint, or a linter, is a static code analysis tool used to flag programming errors, bugs, stylistic errors and suspicious constructs. The term originates from a Unix utility that examined C language source code.

タイプスクリプトのリンギング

プリンタは、アプリケーションの開発に大きな影響を与えることができます.使用されるテクノロジがJavaScript環境から出てきた場合、これはespescially trueです.JSの世界の標準的なリンターはESLint .
これに反対して、TsLintは、タイプスクリプトプロジェクトのための事実上の標準のリンギングツールとして現れました.しかし、タイプスクリプトに切り替えている開発者のための経験を単純化するために、EslintはTsLintに特有の機能を取り入れ始めました.2019年に、Tslintは新しい特徴の活発な発展を止めて、それがeslintに移行するユーザーであると勧めます.あなたは、この決定に関する詳細を読むことができますPalantir Blog .

既存プロジェクトの移行パス

すべての必要なツールと情報を既存の角度プロジェクトの移行を簡素化するために見つけることができますAngular ESLint .
まず、関連するパッケージをdev依存関係として追加する必要があります.

ng add @angular-eslint/schematics

今すぐ使用することができますconvert-tslint-to-eslint . これはすべてのtslint固有の設定を削除します.また、必要に応じてファイルを作成し、npmスクリプトやコードコメントのリファレンスを変換しますtslint:disable .

ng g @angular-eslint/schematics:convert-tslint-to-eslint

それだ!これで、次のコマンドラインを実行することでeslintを実行できます.

npm run lint

コードエディタサポート

Eslintは様々なdevツールに対して様々な統合をしています.あなたは完全なリストを見つけることができますESLint user guide .
EslintをVSコードに統合するには、素晴らしいプラグインをインストールすることができます.ESLint (dbaeumer.vscode-eslint)
また、オプションをインストールすることをお勧めしますLintLens (ghmcadams.lintlens) . それはあなたの編集中に直接設定されたリンギングルールについての追加情報を与える.eslintrc.json ファイル.

ラップです

そして、これはあなたの既存の角度アプリケーションをtslintからeslintに移行する必要があるすべてです.閉じるこの動画はお気に入りから削除されています.