Announcing new Web Features in Visual Studio 2013 Update 2 RTM

Announcing new Web Features in Visual Studio 2013 Update 2 RTM

Rate This
  • Comments 29

Today, the Visual Studio team announced the release of RTM version of Visual Studio 2013 Update 2 .  Our team added a few useful features and did some bug fixing in this update to improve the web development experience.  This blog will contain all of the features introduced in RC and a few updates. We will have future blogs to talk about some of the new features in detail.  The release notes contain more details.

We added the following new features in the RTM release since RC release, which can be seen in detail in the corresponding sections.

clip_image001[9]

The following is a list of new web feature for Visual Studio 2013 Update 2 RTM.

New Sass project item and editor

We added LESS in VS2013 RTM, and we now have a Sass project item and editor.  Sass editor features are comparable to the LESS editor and include the following:  colorization, variable and Mixins IntelliSense, comment/uncomment, quick info, formatting, syntax validation, outlining, goto definition, color picker, tools option setting, and more.

clip_image002[5]

clip_image003

New JSON project item and editor

We have added a JSON project item and editor to Visual Studio.  Current JSON editor features include colorization, syntax validation, brace completion, outlining, tools option setting, format, and more.

IntelliSense now supports JSON Schema v3 and v4. There is a schema combo box to choose existing schemas, edit the local schema path, or simply drag drop a project JSON file into the editor to get the relative path.

clip_image004

clip_image006

Create remote Azure resources option when creating a new Web project

We added an Azure “Create remote resources” checkbox on the new web application dialog.  By choosing it, you will be able to integrate the experience of creating a new web project, creating a new Azure web site or VM, , and creating a publish profile.

clip_image008

clip_image009

We also support remotedebug and remote viewing and editing of Azure website content files.

A new dialog to trust IIS express SSL certificate

To eliminate the security warning when browsing and debugging HTTPS on localhost, we added a dialog to allow Internet Explorer and Chrome to trust the self-signed IIS express SSL certificate.

For example, a web project property can be set to use SSL. Click F4 to bring up the properties dialog. Change SSL Enabled to true. Copy the SSL URL.

clip_image010

Set the web project property page web tab to use the HTTPS URL (The SSL URL will be https://localhost:44300/ unless you've previously created SSL Web Sites.)

clip_image011

Press CTRL+F5 to run the application. Follow the instructions to trust the self-signed certificate that IIS Express has generated.

clip_image012

Read the Security Warning dialog and then click Yes if you want to install the certificate representing localhost.

clip_image013

The site will be shown in IE or Chrome without the certificate warning in the browser.

clip_image014

Firefox uses its own certificate store, so it will display a warning.

ASP.NET Scaffolding

The MVC Scaffolder will generate dropdowns for Enums. This uses the Enum helpers in MVC.

We updated the EditorFor templates in MVC Scaffolding so they use the Bootstrap classes.

MVC and Web API Scaffolders will add 5.1 packages for MVC and Web API

Here are some screen shots when scaffolding models with Enum.

Model code:

clip_image015

Compile, and then click add New Scaffolded Item…

clip_image016

Choose MVC5 Controller with views, using Entity Framework:

clip_image018

Add Controller using the model:

clip_image019

Check the generated code, for example Views/WeekdayModels/Edit.cshtml contains @Html.EnumDropDownListFor

clip_image021

Run the page to see the enum combobox generated, notice that if a value can be null, an empty string can be chosen for the combobox. For example, the create page shows the following:

clip_image022

One ASP.NET Template changes

We updated ASP.NET templates to support Account Confirmation and Password Reset.

We updated the ASP.NET Web API template to support authentication using On Premises Organizational Accounts.

The ASP.NET SPA template now contains authentication that is based on MVC and server side views. The template has a WebAPI controller which can only be accessed by authenticated users.

LESS editor improvements

We added features including nested media queries, named parameter support, support for selector interpolation, support for semicolons as parameter separators, goto definition for @import, goto definition of variables and mixins.

Knockout IntelliSense upgrade

We added a non-standard KnockOut syntax for VS intelliSense, “ko-vs-editor viewModel:” syntax.  It can be used to bind to multiple view models on a page using comments in the form:

Code Snippet

<!-- ko-vs-editor viewModel: <any javascript expression that evaluates to an object> -->

<!-- /ko-vs-editor -->

clip_image023

We also added support for nested ViewModel IntelliSense, so you may drill into deeply nested objects on the ViewModel. 

<div data-bind=”text: foo.bar.baz.etc” />

The IntelilSense displayed is the full IntelliSense of the JavaScript Object. 

clip_image024

New URL Picker in HTML, Razor, CSS, LESS and Sass documents

VS 2013 shipped with no URL picker outside of Web Forms pages.  The new URL picker for HTML, Razor, CSS, LESS and Sass editors is a dialog-free, fluent typing picker that understands ‘..’ and filters file lists appropriately for img’s and links.

clip_image025

clip_image026

clip_image027

Browser Link New Features

Browser Link added updates for:

· HTTPS connections (shown in the Dashboard with other connections as long as the certificate is trusted by browser).

· Static HTML source mapping

· SPA support for mapping data

· Auto-update mapping data

ASP.NET Web Forms

The Web Forms templates now show how to do Account Confirmation and Password Reset for ASP.NET Identity.

The EntityDataSource control and the Dynamic Data Provider were updated for Entity Framework 6. For details please see Announcing the release of Dynamic Data provider and EntityDataSource control for Entity Framework 6.

ASP.NET MVC 5.1.2, ASP.NET Web API 2.1.2 and ASP.NET Web Pages 3.1.2 are included

We announced ASP.NET MVC 5.1, ASP.NET Web API 2.1 and ASP.NET Web Pages 3.1 in January.  We integrated that release with some minor 5.1.1 bug fixes into VS 2013 Update 2 RC and RTM. 5.1.2 contains the same binaries plus localization for IntelliSense usage.

ASP.NET Identity

We integrated Microsoft.AspNet.Identity 2.0.0 RTM into the new project templates, which includes two-factor authentication, account lockout, account confirmation, password reset, security stamp, user account delete, extensibility of primary key for users and roles, and more.

Entity Framework

We integrated Entity Framework 6.1.0 RTM into the new-project templates. 

Microsoft OWIN Components

We integrated the latest stable version (2.1.0) of OWIN components into the new-project templates.  OWIN 2.1.0 supports Google OAuth2 authentication and static file server.

NuGet

NuGet 2.8 RTM is included in this release.  You can always get the latest NuGet extension for Visual Studio through the menu “Tools->Extensions and Updates…”.

ASP.NET SignalR

We included the 2.0.2 NuGet package for SignalR.  Please look at the release notes for more detailed information https://github.com/SignalR/SignalR/releases/tag/2.0.2

Summary

We hope you can evaluate these new features and let us know about any bugs and suggestions.  For VS features, please use Connect to submit bugs, ASP.NET UserVoice to submit and vote for suggestions, and the ASP.NET Forums for Q&A.  You can also visit the following open source sites to leave suggestions and open issues directly:

Leave a Comment
  • Please add 1 and 3 and type the answer here:
  • Post
  • Features look good, but: I cannot get KnockoutJS intellisense working though, and the latest Web Essentials extension causes exceptions in the editor.

  • @Sebastiaan. Thanks!  I had a typo in the blog knockout code snippet, forgetting the -- in the last statement.  Just updated it.   It should work if you try it again.

    <!-- ko-vs-editor viewModel: <any javascript expression that evaluates to an object> -->

    <!-- /ko-vs-editor -->

    You need to make sure to have Web Essential for VS2013 Update2 RC installed in order to get it work for VS2013 Update 2.  The original Web Essential for VS2013 will not work with VS2013 Update 2.

  • Why is MS not pushing for one or more of these javascripts, json, css extension to be W3C ratified standards in the next year?   The javascript library of the week has caused our team enough trouble over the last 2 years.

  • @Xinyang:

    Hi, I can reproduce the web essentials issue on two machines. It appears the unused CSS tagger is the problem.

    System.NotImplementedException: The method or operation is not implemented. at Microsoft.VisualStudio.Editor.Implementation.SecondaryVsTextBufferAdapter.Microsoft.VisualStudio.Shell.Interop.IPersistFileFormat.GetCurFile(String& ppszFilename, UInt32& pnFormatIndex) at MadsKristensen.EditorExtensions.IVsExtensions.GetFileName(IPropertyOwner owner) at MadsKristensen.EditorExtensions.Css.UnusedCssTagger.GetTags(NormalizedSnapshotSpanCollection spans) at Microsoft.VisualStudio.Text.Tagging.Implementation.TagAggregator`1.<GetTagsForBuffer>d__5.MoveNext()

  • My installation is broken now :( there are no asp.net project templates and projects don't open any more.

  • I've been using the BETA sample code for the Identity 2.0 provider. Was that code changed at all when it was integrated into the ASP.NET MVC project templates?

  • I can confirm that Web Essentials 2013 for Update 2 RC is having the same issue with VS2013 Update 2 RTM

    <time>2014/05/13 15:47:12.129</time>

       <type>Error</type>

       <source>Editor or Editor Extension</source>

       <description>System.NotImplementedException: The method or operation is not implemented.&#x000D;&#x000A;   at Microsoft.VisualStudio.Editor.Implementation.SecondaryVsTextBufferAdapter.Microsoft.VisualStudio.Shell.Interop.IPersistFileFormat.GetCurFile(String& ppszFilename, UInt32& pnFormatIndex)&#x000D;&#x000A;   at MadsKristensen.EditorExtensions.IVsExtensions.GetFileName(IPropertyOwner owner)&#x000D;&#x000A;   at MadsKristensen.EditorExtensions.Css.UnusedCssTagger.GetTags(NormalizedSnapshotSpanCollection spans)&#x000D;&#x000A;   at Microsoft.VisualStudio.Text.Tagging.Implementation.TagAggregator`1.<GetTagsForBuffer>d__5.MoveNext()</description>

  • @doczoidberg, sorry to hear that you have problem with installation.  Could you please try to install/repair it again?  If problem persists, please raise the issue in Connect.  Thanks.

  • @Jim Lamb, please check blogs.msdn.com/.../test-announcing-rtm-of-asp-net-identity-2-0-0.aspx "Migrating from ASP.NET Identity 2.0.0-Beta1 to 2.0.0" section for how to upgrade from identity 2.0 beta code to 2.0 RTM code.  Thanks.

  • My installation get hanged on the Windows 8.1 Phone emulators step. It took 3 hours already and still couldn't finish.  Why should I do now?

  • @Vincent, I didn't meet that scenario myself...  Cancel installation, restart machine and retry?  Good luck.

  • Thanks I will download this release today to my Visual Studio 2013

  • @Mike Robertson, Mads released Web Essentials 2.1 for VS2013 Update 2 RTM on May 15th.  Please update it through VS tools->Extensions and Updates.  Thanks!

  • wow realy nice

  • Really nice, all new features, i think is time to play with this!

Page 1 of 2 (29 items) 12