AngularやIonicでVSCodeでの開発効率をあげるAngular Switchの使い方

はじめに

Xcodeでヘッダファイルとソースコードを切り替えるのにショートカットがありますね。
Cmd + Ctrl + ↓ or ↑

それをVSCodeでソースコードの.tsと.htmlをささっと切り替えを行いたいですね。

インストール

ここへ遷移し、Installボタンを押下してインストールをしましょう。

設定

インストールをしたらcommand + Shift + P　を押下すると、上方に枠が出てきますので、

>keybを入力すると、上に出て行きます。

以下のコマンドをキーバインドに設定しましょう。

 { "key": "cmd+ctrl+up", "command": "extension.ionSwitchHTML", "when": "editorTextFocus" },
    { "key": "cmd+ctrl+down", "command": "extension.ionSwitchTS", "when": "editorTextFocus" },

使用方法

例えばlist.htmlのファイルを開いた状態。

この状態で、
Cmd + Ctrl + ↓を押下します。

するとパッとlist.tsのファイルにスイッチします。

逆にこの状態で、Cmd + Ctrl + ↑を押下します。
すると、list.htmlにいけます。