やぬてつです。
この記事ではMacのVSCodeでのTypeScript/Angularをターゲットとしています。
VSCodeでAngularを書いている時、.htmlファイルと.tsファイルをサクッと切り替えたいですよね。
作る前に拡張を探してみたけど、しっくり来るものがなかったので自分で作りました。
かなりメンドクサイから解消されましたよー
Angular Toggle Counterpart Files
キーバインドはEamcsベースのキーバインドですが、簡単に変更可能です。
-
Ctrl+c cで.htmlと.tsのトグル -
Ctrl+c Ctrl+cで.tsと.spec.tsのトグル
マウスでディレクトリ構成を見ながらファイルを開くのもわかりやすくていいですけど、コマンドで開けるのも簡単でいいですよ。ぜひ使ってみてください。