📜 ⬆️ ⬇️

Overview of Visual Studio Extensions for Web Developers

At the // build / conference, I had a talk about Visual Studio Web Tools and Web Essentials extensions. You can find this report online at Channel9 . During the talk, I used several extensions that will be useful to any web developer of Visual Studio 2013. Below you will find a list of these extensions.

Web Essentials


logo Website: http://vswebessentials.com
Download: Web Essentials in VS Gallery

This is an extension of the ASP.NET and Web Tools team, which is an informal platform for testing and running in functions. The extension itself develops the opensource-community. Web Essentials offers a huge number of new features for web developers, such as LESS / Sass / CoffeeScript compilers, additional features for working with JavaScript / CSS / HTML / JSON code, validators, image sprite generators and much more.
')

Sidewaffle


image Website: http://sidewaffle.com
Download: SideWaffle in VS Gallery

Very tasty add-on for Visual Studio. This is a great set of templates, which contains both project templates, element templates, and snippets for a wide range of scenarios: from creating Angular.js applications, Nancy FX projects and to Browser Link plug-ins, Chrome extensions, and more.

File nesting


image Download: File Nesting in the VS Gallery

This extension will allow you to manually attach files to each other, creating hierarchies of attachments in Solution Explorer. In addition, the extension has the ability to create hierarchies automatically based on naming conventions. The extension is great for handling * .min.js and other options for dependent files.

JSON Schema Generator


json-logo Download: JSON Schema Generator in VS Gallery

Visual Studio 2013 will support full intellisense and hints for any JSON file that is associated with the schema. This extension will allow you to select a JSON file in Solution Explorer and generate for it a schema file based on the content.

WebJobsVS


image Download: WebJobsVS in the VS Gallery

In the plenary report of the second day of the conference, I demonstrated the creation of a console C # application for use as a background task for Azure Web Sites WebJob. In order to associate a console application with my web application, I used this extension. It was developed by colleagues who work in the Azure team.

SlowCheetah - XML ​​Transformation


Slow Cheetah Download: SlowCheetah Gallery VS

A great extension that allows you to transform your app.config or any other XML file based on the configuration of the assemblies. Simply put, the extension simplifies XML transformation scripts, which by default are only available for web.config files.

GruntLauncher


Download: GruntLauncher Gallery VS

If you are working with Grunt, Gulp, NPM or Bower, then this extension is created for you. It makes it easy to run Grunt / Gulp tasks directly from Solution Explorer and update Bower components.

Mexedge Stylesheet Extension


image Download: Mexedge in VS Gallery

This is an excellent extension that extends Visual Studio's ability to work and display CSS code directly in Solution Explorer. This not only looks cool, but also offers a very convenient way to review media queries, selectors, and rule sets. This is a must have extension for every web developer!

PHP Tools for Visual Studio


image Website: http://www.devsense.com/products/php-tools/
Download: PHP Tools in VS Gallery

In my interview on Channel9 we discussed this great extension for PHP development. The extension introduces PHP-intellisense, code navigation and much more to Visual Studio. This is a must have extension for PHP developers who want to get the full power of Visual Studio.

Cobisi Routing Assistant


Website: http://cobisi.com/routing-assistant
Download: Routing Assistant in the VS Gallery

This is an excellent extension for visualizing your ASP.NET route table to determine which URLs correspond to routes. The extension makes it easier to diagnose routing problems and even offers some convenient editing features.

CssCop - FxCop for Stylesheets


image Download: CssCop in the VS Gallery

If you work a lot with CSS, then this extension will be useful to you. It runs CssLint inside Visual Studio to provide you with error messages that will help you correct any violations of CSS rules.

Node.js Tools for Visual Studio


nodejs Download: NTVS on CodePlex

NTVS is an open, free plugin that transforms Visual Studio into a complete Node.js development environment. And copes with it perfectly! This plugin will allow you to use all the power of Visual Studio to develop Node.js applications.

Chutzpah Test Adapter


image Download: Chutzpah in VS Gallery

A great extension for modular javascript testing. Chutzpah supports Jasmine, QUnit and Mocha testing tools from within Visual Studio and works from the command line as well as from Visual Studio.

Lua Test Adapter


image Download: Lua Test Adapter in VS Gallery

If you are using Lua for unit testing your JavaScript code, this extension will allow you to integrate Lua directly into the Test Explorer in Visual Studio. This extension makes it really easy to perform tests immediately after each project build.

Additional links


Source: https://habr.com/ru/post/228581/


All Articles