Help us understand the problem. What is going on with this article?

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

More than 3 years have passed since last update.

やぬてつです。

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

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

easy_easy
Easy Easy はエンジニアリングを愛する全ての人の為のコミュニティです! 「みんな知っていることが前提になっている技術」を軸に、再度基礎を学ぶことをしていきましょう!
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away