Various features of Microsoft tools provide integration of development using Microsoft Edge, Visual Studio Code, and Visual Studio, to develop your products, webpages, and web apps that use and work with full integration in Microsoft Edge.
Microsoft Edge DevTools extension for Visual Studio Code
The Microsoft Edge DevTools extension for Visual Studio Code lets you use the Elements tool and Network tool of the Microsoft Edge browser from within Visual Studio Code.
Without leaving Visual Studio Code, use Microsoft Edge DevTools to attach to an instance or launch an instance of Microsoft Edge, and then:
The Open source files in Visual Studio Code experiment allows you to use Microsoft Edge DevTools, but then edit your files in Visual Studio Code instead of in the code editor of the DevTools Sources tool.
When you use this experiment, if you use Visual Studio Code and you use DevTools to change your CSS rules, you no longer have to use the code editor in the Sources tool of DevTools. You can simply use the code editor in Visual Studio Code. When you turn on this experiment,
local files will get a different treatment.
Use webhint, a customizable linting tool, to improve the functionality of your site, including:
Accessibility.
Performance.
Cross-browser compatibility.
PWA compatibility.
Security.
webhint checks your code for best practices and common errors. Identify and fix problems in your files, including HTML, CSS, JavaScript, and TypeScript. Hints appear as wavy underlines in the text editor, and are summarized in the Problems pane.
Microsoft Visual Studio is an integrated development environment (IDE). Use it to edit, debug, build, and publish your web apps. It's a feature-rich program that can be used for many aspects of your web development.
In addition to the standard editor and debugger that most IDEs provide, Visual Studio includes features to ease your development process, including:
I den här modulen får du lära dig hur du använder Visual Studio för webben för att utveckla från alla enheter som är webbläsarkompatibla. Vi ska utforska hur du gör och granskar enkla kodredigeringar med Visual Studio Code för webben. Slutligen får vi lära oss hur du fortsätter att arbeta i en annan miljö för att få den fullständiga funktionsuppsättningen i Visual Studio Code.