VisualStudio Code で import文をアルファベット順に並び替えたい

Question

現在、Angularでアプリケーションを開発しています。
ある程度出来上がった段階でtslintを初期設定(recommendedルール)で実行したところ、
Import sources within a group must be alphabetized.
という指摘が大量にあがりました。

lintのルールはできるだけrecommendedを採用しようと思っているのですが、
VisualStudio Code でimport文をアルファベット順に並び替えるなにかよい方法はないでしょうか？
(EclipseのCtrl+Shift+oのような機能)

Answer 1

Rule: ordered-importsはauto-fixに対応しているので、これを活用する方法が3つほどあります。

コマンドラインから使用する方法としては--fixを指定して他の修正可能なものと一緒に修正する方法です。

拡張機能を利用する方法としてはTSLintを導入することです。導入すると最後に載せる画像のように、エラー箇所をホバーしたときに出る電球アイコンで修正ができます。

この拡張機能を導入すればTSLintとほぼ統合されるので便利なのですが、並び替えだけを実現するコマンドは提供されないようです。ショートカットのようなものから使用したいならTypeScript Import Sorterといった拡張機能が活用できそうです。Marketplaceで"import sort"等を調べれば他にも出るので合いそうなものを活用してください。

Comments

[cazi]

なるほど、拡張機能で対処するというアプローチがあるんですね、
大変助かりました、ありがとうございました！

Answer 2

手動にはなりますがVSCodeでソートコマンドがあります。

VSCode上でF1を押すとコマンド選択ができ、そこにSortと入力するとSortコマンドがみつかると思います。
ソートしたい行を選択した状態で実行すると、選択範囲を昇順・降順でソートできます。