VSCodeでAngularのファイルを簡単に切り替える

やぬてつです。

この記事では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のトグル

マウスでディレクトリ構成を見ながらファイルを開くのもわかりやすくていいですけど、コマンドで開けるのも簡単でいいですよ。ぜひ使ってみてください。