We make CSS class attribute IntelliSense work even if bundling and minification is used. It has some improvement such as automatic brace completion, jQueryUI and AngularJS attribute IntelliSense, attribute IntelliSense grouping, etc. The new HTML editor provides a single unified HTML5-based schema. ascx files are still using the legacy editor for various reasons. In VS2013, a new HTML editor is released for Razor files and HTML files. Best Practices – Analyzes your web pages for violations to best practices and gives you an easy way to fix them. CSS Sync on Save – Save a CSS or LESS document, and the styles are automatically reloaded in the browser without doing a full page refresh.Find Unused CSS – Easily find unused CSS in your project.Sync F12 Changes – Change styles in F12 browser tools, and the changes are automatically updated in the corresponding style sheet files.Inspect Mode – Inspect elements in the browser and the HTML editor automatically scrolls to the corresponding code.Design Mode – Change HTML text in the browser, and the change is reflected in the HTML editor.Mads Kristensen’s Web Essentials for Visual Studio 2013 ( source) contains several useful extensions, such as: We also released API to write Browser Link extensions. You can connect multiple browsers to your development site, including mobile emulators, and click a button to refresh all the browsers all at the same time.īrowser Link works by using a SignalR channel between browsers and Visual Studio 2013. You can edit markup and code, press Control+F5 to run in the browser, edit again, click the Browser Link Refresh button, and see the results of your changes. In Visual Studio 2013 you cut out some of these steps. In Visual Studio 2012 a typical development cycle is edit markup and code, press Control+F5 to run in the browser, close the browser, edit again, and repeat the process. You don’t have to click Refresh in each browser or close and open the browser. Browser Link – SignalR channel between browser and Visual StudioĪ new feature, Browser Link, enables you to click a button in Visual Studio to trigger a page refresh in one or more browsers that are running from your web project. The Single Page Application template has been updated with support for OAuth 2.0 and a Web API based account controller that can be used from JavaScript and also from native mobile applications.įor more information about the new process for creating web projects, see Creating ASP.NET Web Projects in Visual Studio 2013. For an example of responsive design in action and how to change a site’s theme, see Bootstrap in the Visual Studio 2013 web project templates. You can do these things by writing CSS, but that requires a lot of complex code: Bootstrap makes it easy. Theming means you can change the look and feel of a site easily, and you can choose from a wide selection of ready-made themes. Responsive design means your web page automatically adapts to changes in browser window size by doing things like changing the way menu bars are displayed or the way columns are arranged. The chosen authentication works the same in all ASP.NET frameworks and in different hosting environments, such as IIS, IIS Express, or OWIN based self hosted Web API and SignalR sites.Īll of the ASP.NET project templates now use Bootstrap 3.0 to provide responsive design and theming capabilities. New features are available for Web Forms that used to be offered only for MVC, such as automatic test project creation and multiple authentication configurations.ĭifferent authentication configurations can be chosen. We made a simple UI for creating projects that offer support for multiple ASP.NET frameworks (Web Forms, MVC, and Web API). Visual Studio Web Tooling Enhancements One ASP.NET We will have incoming blogs to talk about the features in detail. This blog includes features introduced after the RC release as well as features included in the earlier RC announcement blog. Read the Visual Studio blog for information about general editor enhancements, including the preview time JavaScript editor improvement blog post and future posts on JavaScript editor improvements,Ĭheck for release notes, documentation, and tutorials. Download Visual Studio 2013 to try out the new features in this release. Visit Somasegar’s blog for details on Visual Studio 2013 RTW. I’m excited to show the new features of ASP.NET and Web Tools for Visual Studio 2013.
0 Comments
Leave a Reply. |