Visual Studio Web Development

Azure Functions and Web Job Tools for Visual Studio 2017 enables you to create, debug, and publish Azure Functions and Web Job projects using Visual Studio 2017.

Release Notes

See Azure Functions repository.

Requirements

  • Visual Studio 2017 15.6 or higher.
  • 'Azure development' workload or 'Cloud tools for web developers' component of 'web development' workload installed*

*Note: The version of the extension downloaded here on the Marketplace can only be used to update an extension that is already installed on your Visual Studio instance. If you do not already have the extension installed, you will need to launch the Visual Studio installer, modify your installation and select the Azure workload or 'Cloud tools for web developers' optional component of the 'ASP.NET and web development' workload. That will install the base version of the extension. Once you have the base version installed, you can update it with newer copies as they are released to the Marketplace.

Features

For details and instructions, see the Azure Functions Tools for Visual Studio documentation

  • Create Azure Web Job projects
  • Create pre-compiled C# functions that bring better cold start performance than script based functions, and opens the entire eco-system of Visual Studio tools for class libraries including code analysis, unit testing, complete IntelliSense, 3rd party extensions, etc.
  • Use WebJobs attributes to declare function bindings directly in the C# code rather than the separate function.json file
  • Edit, build, and run Function Apps locally on your Visual Studio machine
  • Direct publish to Azure from Visual Studio
-->

The AWS Toolkit for Visual Studio is an extension for Microsoft Visual Studio running on Microsoft Windows that makes it easier for developers to develop, debug, and deploy.NET applications using Amazon Web Services. With the AWS Toolkit for Visual Studio, you'll be able to get started faster and be more productive when building AWS applications. To work with Visual Studio 2010, see Installing Support for ASP.NET Web Pages in Visual Studio 2010. Launching Visual Studio from WebMatrix. If you have started a project in WebMatrix and want to switch to Visual Studio, WebMatrix provides a button to easily open the project in Visual Studio. In this demonstration, expert instructor Rafiq Wayani demonstrates how to work with Visual Studio 2013 and create simple ASP.NET page along with. Web Development Essentials Extension Pack. This an extension pack for Visual Studio Code with extensions that are extremely helpful for Web Developers! Check out Learn Visual Studio Code to learn everything you need to know about about the hottest editor in Web Development! Debugger for chrome.

Microsoft offers a variety of resources for web developers, including new tools and features supporting web development using Windows 10. This guide covers many of the tools available and provides a place to leave feedback toward making Windows your ideal environment to develop on for the web. For a list of APIs, see APIs for web development. For more help with getting started, see Set up your development environment on Windows 10.

WebView, DevTools, PWAs


WebView 2
Embed web content (HTML, CSS, and JavaScript) in your native applications with Microsoft Edge WebView2.Download WebView 2


Microsoft Edge DevTools
Microsoft Edge Developer Tools are a set of inspection and debugging tools built directly into the Microsoft Edge browser.To open DevTools, with Microsoft Edge in focus:

Web
  • Right-click then Inspect
  • Select the F12 key
  • Ctrl + Shift + i


Progressive Web Apps on Windows
Progressive Web Apps (PWAs) provide your users with a native, app-like experience customized for their devices. They are websites that are progressively enhanced to function like native apps on supporting platforms.
Get started with PWAs

Web

Microsoft Edge browser


Microsoft Edge for Developers
The new Microsoft Edge is based on Chromium to create better web compatibility and less fragmentation of underlying web platforms. Released January 15, 2020, it is supported on Windows, macOS, iOS, and Android.
Install the new Microsoft Edge


Microsoft Edge for Business
Microsoft Edge is based on Chromium and offers enterprise support. Get step-by-step guidance on how to configure and deploy the multiple channels available.
Download Microsoft Edge channel


Microsoft Edge Insider
We're building something new for Microsoft Edge every day. Learn about our recent progress and how you can get involved.Download Microsoft Edge Beta version


Microsoft Edge Support
Get help with customizing your browser, adding extensions, tracking prevention, troubleshooting, and more.Get help with Microsoft Edge

Debugging, Testing and Accessibility


VS Code: Debugger for Microsoft Edge
Debug JavaScript code in the Microsoft Edge browser with this VS Code extension. Can also be used from ASP.NET Projects in Visual Studio.
Install VS Code- Debugger for Microsoft Edge


Virtual Machines for Testing
Test IE11 and Microsoft Edge Legacy using free Windows 10 virtual machines you download and manage locally.
Download a Virtual Machine


WebHint for Accessibility
A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors.
Install VS Code extension
Install browser extension
Install CLI


WebDriver
Close the loop on your developer cycle by automating testing of your website in Microsoft Edge with Microsoft WebDriver.
Install WebDriver

Visual Studio code editors


VS Code
A lightweight source code editor with built-in support for JavaScript, TypeScript, Node.js, a rich ecosystem of extensions (C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).
Install VS Code


Visual Studio (IDE)
An integrated development environment that you can use to edit, debug, build code, and publish apps, including compilers, intellisense code completion, and many more features.
Install Visual Studio

Visual Studio Web Development


VS Code Marketplace for Extensions
Explore the many different extensions available to customize your Visual Studio Code editor.
Install Extensions


Visual Studio Marketplace for Extensions
Explore the many different extensions available to customize your Visual Studio integrated development environment.
Install Extensions

WSL, Terminal, Package Manager, Docker Desktop


Windows Subsystem for Linux
Use your favorite Linux distribution fully integrated with Windows (no more need for dual-boot).
Install WSL


Windows Terminal
Customize your terminal environment to work with multiple command line shells.
Install Terminal


Windows Package Manager
Use the winget.exe client with your command line to install apps on Windows 10.
Install Windows Package Manager (public preview)

Development


Docker Desktop for Windows
Create remote development containers with support from Visual Studio, VS Code, .NET, Windows Subsystem for Linux, or a variety of Azure services.
Install Docker Desktop for Windows

ASP.NET, Typescript, Xamarin


ASP.NET
A cross-platform framework for building web apps and services, Internet of Things (IoT) apps, or mobile backends with .NET and C#. Use your favorite dev tools on Windows, macOS, and Linux. Deploy to the cloud or on-premises. Run on .NET Core.
Install ASP.NET


Typescript
TypeScript extends JavaScript by adding types to the language. For example, JavaScript provides language primitives like string, number, and object, but it doesn’t check that you’ve consistently assigned these. TypeScript does.
Try in your browserInstall locally


Xamarin
Xamarin lets you build native apps for Android, iOS, and macOS using .NET code and platform-specific user interfaces. Xamarin.Forms allows you to build native apps, with shared UI code written in C# or XAML.
Install Xamarin

Open Source contributions


Open Source at Microsoft
Thousands of Microsoft engineers use, contribute to and release open source every day. Popular projects include Visual Studio Code, TypeScript, .NET, and ChakraCore.
Get involved


Windows Developer Performance Issues repo
Whether you're developing FOR Windows or ON Windows, using it as your cross-platform dev machine, we want to hear about any performance issues causing you trouble.
File a Performance Issue


Contribute to the docs
Most of the documentation sets at Microsoft are open source and hosted on GitHub. Contribute by filing issues or authoring pull requests.
Learn how

Cloud development with Azure


Azure
A complete cloud platform to host your existing apps and streamline new development. Azure services integrate everything you need to develop, test, deploy, and manage your apps.
Set up an Azure account


Azure Cognitive Services
Cloud-based services with REST APIs and client library SDKs available to help you build cognitive intelligence into your applications.
Try Cognitive Service


Learn Azure
A complete cloud platform to host your existing apps and streamline new development. Azure services integrate everything you need to develop, test, deploy, and manage your apps.
Set up an Azure account

Addtional resources


Set up your development environment on Windows 10
Get help setting up your development environment to work with Python, NodeJS, C#, C, C++, build Android apps, build Windows desktop apps, build Docker containers, run PowerShell scripts, and more.
Get started


React Native for Windows + macOS
Bring React Native support to the Windows 10 SDK and macOS 10.13 SDK. Use JavaScript to build native Windows apps for all devices supported by Windows 10 including PCs, tablets, 2-in-1s, Xbox, Mixed reality devices, etc., as well as the macOS desktop and laptop ecosystems.
Install React Native for Windows
Install React Native for macOS


Microsoft Learn courses related to web development
Microsoft Learn offers free online courses to learn a variety of new skills and discover Microsoft products and services with step-by-step guidance.
Start Learning

Transitioning between Mac and Windows

Visual Studio Web Development

Check out our guide to transitioning between between a Mac and Windows (or Windows Subsystem for Linux) development environment.