Vertical tabs in Visual Studio 2019 16.4 Preview 2

The latest Visual Studio 2019 preview, released yesterday, adds the vertical tabs layout option to the core product:

You can select it in options or right clicking a tab:

In the options you can now additionally select Alphabetical tab sorting (works only for vertical tabs).

There is a scroller when all tabs don’t fit and if the active tab is not visible in the list, its name is displayed in the top right corner:

If you organize several editor windows side by side, tab groups are displayed one below other:

Pinned tabs are displayed on the top and you can freely change tabs area width by dragging the separator:

Alternative tab managers like Tabs Studio and Custom Document Well continue to work as usual if you keep the tab layout option set to the default Top value.

Download Visual Studio Preview to try it for yourself.

Posted in Reviews, Visual Studio news | Tagged | Leave a comment

HTML 11 – A Browser Link alternative for Visual Studio 2017/2019

Pressing F5 in a browser to see web page changes is not a big deal. But it is a context switch nevertheless, breaking your flow. And it becomes progressively irritating when you edit multiple pages or want to see them in multiple browsers.

Browser Link is a Visual Studio feature to refresh your web application in several browsers at once just pressing Ctrl+Alt+Enter without leaving the editor:

The recently developed HTML 11 extension offers a different approach to show static and dynamic web pages you are currently editing. The preview is displayed in a Visual Studio tool window using embedded Chromium framework:

Read the full article…

Posted in Vlasov Studio tools | Tagged , , , | Leave a comment

Mobile HTML preview in Visual Studio 2019

HTML 11 extension provides tool windows in Visual Studio 2017/2019 showing preview of an HTML document you are currently editing, on desktop and mobile devices:

The preview is updated as you type. When you change a .css or a .js file referenced in the HTML document, the preview is updated after you save the referenced file.

To initially open HTML 11 tool windows, select Desktop preview or Mobile preview in the main HTML11 menu:

You can position opened tool windows alongside the HTML editor or outside the main Visual Studio window, e.g. on a second monitor.

In HTML 11 options you can select a mobile device for preview:

HTML is rendered using Chromium Embedded Framework v75. A mobile device is simulated with Chromium DevTools Device Mode.

HTML 11 personal license costs $39/year. Download HTML 11 trial from the official site or Visual Studio Marketplace.

Posted in Vlasov Studio tools | Tagged , , | Leave a comment

HTML preview in Visual Studio 2019

Default HTML editor in Visual Studio 2019 doesn’t include preview. You can select the Web Forms editor with a Design view, but it requires updates as you change code and doesn’t support full modern HTML capabilities.

The new HTML 11 extension for Visual Studio 2017/2019 provides a preview tool window automatically updated as you type and uses Chromium Embedded Framework v75 for HTML rendering:

Read the full article…

Posted in Visual Studio tips, Vlasov Studio tools | Tagged , , | Leave a comment

Linking Files in Visual Studio

Jeremy Clark provides great explanation on how to share a file between different projects.

Posted in Visual Studio tips | Leave a comment

r /Visual Studio Find and Replace dialog/KCommands

Powerful text editors like SlickEdit and Vim provide a command line to quickly find and replace text without ever touching the mouse.

The free KCommands extension for Visual Studio 2017/2019 provides similar command line to quickly find and replace text without taking your hands off of the keyboard:

Read the full article…

Posted in Vlasov Studio tools | Tagged , , | Leave a comment

Visual Studio automation and customization with Visual Commander

Visual Commander extension lets you automate repetitive tasks in Visual Studio and change private IDE options.

You can record a text editing macro, reuse existing VB macros, create new commands and extensions in C# with full access to the Visual Studio automation model and .NET framework:

Read the full article…

Posted in Vlasov Studio tools | Tagged | 2 Comments