VSCode: Automatically open .html files in one window and .ts in the other

Question

I'm writing Angular2 in VSCode. I split the editor window in two and keep all .html files on the right and all .ts files on the left.

It would be great to automate this, so that when I double click in the file browser the file is opened in the 'type appropriate' window split.

How can I configure or extend VSCode to do this?

Answer 1

I couldn't live without the extension angular2-switcher which adds the following navigations

• Alt + U - Go to .ts
• Alt + I - Go to .css
• Alt + O - Go to .html
• Alt + P - Go to .spec.ts

^{* Hold Shift on mac}

Hopefully someday it'll support split screen too

Answer 2

You can't do that today, unless you create a new extension.

But, with file-ext-switcher extension you can open the related file using a keybinding, which is great. It worth take a look.