Open web tooling

Visual Studio gives you the tools and flexibility you need to create and deploy modern web applications today.

  • HTML 5, JavaScript, CSS 3, LESS/Sass, C#
  • ASP.NET, PHP, Python, Node, Angular, Bootstrap
  • NuGet, Bower, npm, Grunt, Gulp

Web development

Of the thousands of extensions for Visual Studio, here is a collection of some that adds a lot of value to web developers specifically.

Web Essentials

This is a must-have extension for any web developer. It's where the Visual Studio web team adds new features first to get feedback before building them into Visual Studio.

Image Optimizer

Another must-have extension that takes the pain out of optimizing PNG, JPG and Gif images without compromising the quality of the image.

Bundler & Minifier

Adds support for bundling and minifying JavaScript, CSS and HTML files in any project.

Web Compiler

The easiest and most powerful way to compile LESS, Scss and CoffeeScript files directly within Visual Studio or through MSBuild.

Web Analyzer

Provides static analysis directly in Visual Studio for JavaScript, TypeScript, JSX, CSS and more. It uses the latest versions of ESLint, TSLint, CSSLint and CoffeeLint.

SideWaffle

SideWaffle adds a bunch of useful snippets, project templates, and item templates to Visual Studio.

Grunt Launcher

Originally a plugin made to launch Grunt tasks from inside Visual studio by right-clicking your gruntfile in Solution Explorer, Grunt Launcher now has new functionality such as support for Gulp, npm, and Bower.

PHP Tools

PHP Tools focus on developer productivity while respecting conventions. The tools provide smart code completion, quick navigation, syntax error checking, an integrated PHP manual, a project system, debugging support, and more.

Chutzpah unit test runner

Chutzpah (hutz┬Ěpah) is an open source JavaScript unit test runner. It enables you to run JavaScript unit tests from the command line and from inside of Visual Studio. It also supports running in the TeamCity continuous integration client. Chutzpah supports the QUnit, Jasmine, and Mocha testing frameworks.

JSLint.NET

JSLint.NET is a wrapper for Douglas Crockford's JSLint, the JavaScript code quality tool. It can validate JavaScript anywhere .NET runs.

Bootstrap Snippet Pack

The ultimate snippet pack for web developers who use the Twitter Bootstrap framework.

DocStubJs

This extension's goal is to provide a simple way to add documentation to JavaScript and TypeScript by adding comment stubs after typing in the opening of a new documentation comment.

Mexedge Stylesheet Extension

This extension allows you to visualize in a tree view form the structure of your css files, from media directive to classes, ids, types and declarations as well as pseudos.

Glyphfriend

Glyphfriend is a Visual Studio extension to enhance IntelliSense to display preview glyphs for many of the common glyph-based font libraries like Font Awesome, Foundation, IonIcons, and more.

SassyStudio

SassyStudio extends the SCSS support in Visual Studio 2013.

Open from Azure Websites

Open any Azure hosted web application as a Website Project directly within Visual Studio.

Flatten Packages

Flattens the node_modules folder hierarchy by using the "flatten-packages" npm package behind the scenes. Works with long paths. Node.js must be installed on the machine.

React Snippet Pack

A snippet pack to make you more productive working with React.js. Based on the snippets from the Atom React Plugin.

Broccoli Task Runner

Adds support for Broccoli brocfile.js files as well as Ember-CLI's ember-cli-build.js build scripts based on Broccoli.

NPM Script Task Runner

Adds support for package.json's NPM scripts in the Task Runner Explorer.

Brunch Task Runner

Adds support for the Brunch build tool in Visual Studio 2015's Task Runner Explorer.

WebPack Task Runner

Adds support for WebPack in Visual Studio 2015's Task Runner Explorer.

Edit this page on GitHub