New Tricks Shown for Web Development in Visual Studio "14"

| by Jeff Martin Follow 16 Followers on Oct 22, 2014. Estimated reading time: 1 minute |

As Visual Studio “14” continues its development, the recently released 4th preview offers a glimpse at some of the web-centric development efforts being worked on.  While none seem to be earthshaking on an individual basis, taken as a whole they offer evolutionary improvements that improve the daily quality of life in the editor.

Editing JSON files in the editor benefits from improved performance through asynchronous JSON schema loading, caching schemas, better IntelliSense, and JSON schema validation.  Loaded schemas are stored between Visual Studio sessions, saving from having to re-download them every access.  Should it be necessary to force a reload, the “Reload Schemas” context menu (or CTRL+SHIFT+J) will reload them.

Through the use of editor enhancements, ability to minify or un-minify JSON data in a file.  For example, start with some existing JSON data:

After selecing Un-minify:

The HTML editing benefits from the usual bug fixes and updated IntelliSense, but the biggest improvement for many developers will be regarding how double-curly braces {{ }} are handled.  In particular the content within the double-braces is ignored so templating frameworks like Angular and Handlebars will work with much less frustration.  Similarly, the editor will no longer try to validate unknown attributes for custom elements, reducing the number of perceived errors (marked with the familiar red line squiggles) when the editor is faced with unrecognized elements.

HTML elements now get tooltips for those elements that are recognized by the editor:

#region support added to support code folding in the editor.  Sample code collapsed:

Which then can be expanded:

Similary, comments can (<--- --->) can be marked up with keywords like Todo: or Hack: and the editor will recognize them as such, displaying them in Visual Studio's task list window.

Finally, a welcome addition to the existing Browser Link functionality is the incorporation of the CSS auto-sync, so that the browser(s) used with Visual Studio during editing sessions can display changes made to CSS files being edited.  This speeds up the edit/review cycle when making changes to style sheets.

Rate this Article

Adoption Stage

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Great so... by Mark N

When will it "install" by expanding a zip and when will it run on a Mac? :0

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

1 Discuss

Login to InfoQ to interact with what matters most to you.

Recover your password...


Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.


More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.


Stay up-to-date

Set up your notifications and don't miss out on content that matters to you