Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I enable the preview panel for TypeScript files in Visual Studio 2015?

I miss the feature that would show you the results of your TypeScript compile in a separate panel. I haven't found a way to turn that back on in Visual Studio 2015 with TypeScript 1.5 beta.

I have WebEssentials for 2015 installed as well as ReSharper 9.1.

Anyone have any luck with this?

like image 415
Orion Adrian Avatar asked May 03 '15 20:05

Orion Adrian


People also ask

How do I preview a file in Visual Studio?

To enable Preview tab: Go to Tools > Options > Environment > Tabs and Windows and then check that in the “Preview Tab” section that “Preview selected files in Solution Explorer” is selected.


2 Answers

This has been removed from Web Essentials 2015 in VS 2015RC.

See: https://github.com/madskristensen/WebEssentials2015/issues/53

madskristensen commented on Jun 8

The TS preview pane has been removed from Web Essentials 2015 due to continuously running into conflicts with the TS compiler when new versions come out. The TS team are aware of it and I hope they will add the feature into the TS tooling in the future. It is possible that this feature will be included in the brand new Web Compiler extensions (https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c) when preview panes have been implemented.

like image 139
Elan Hasson Avatar answered Oct 06 '22 11:10

Elan Hasson


Alternatively, you can hit the "Show All Files" Button in the Solution Explorer to find your .js file and then hit Alt+W, V to get a vertical split window and open the .js file right next to your .ts file.

like image 44
Stefan Schneider Avatar answered Oct 06 '22 11:10

Stefan Schneider