Интеграция интегрированной среды разработки Microsoft Edge

Различные функции средств Майкрософт обеспечивают интеграцию разработки с помощью Microsoft Edge, Visual Studio Code и Visual Studio для разработки продуктов, веб-страниц и веб-приложений, которые используют и работают с полной интеграцией в Microsoft Edge.

Расширение Средств разработки Microsoft Edge для Visual Studio Code

Расширение Microsoft Edge DevTools для Visual Studio Code позволяет использовать средство "Элементы" и средство "Сеть" браузера Microsoft Edge из Visual Studio Code.

Не выходя из Visual Studio Code, используйте Microsoft Edge DevTools для подключения к экземпляру или запуска экземпляра Microsoft Edge, а затем:

• Просмотрите структуру HTML среды выполнения.
• Измените макет веб-страницы.
• Изменение стилей CSS и устранение проблем со стилем.
• Чтение сообщений консоли.
• Просмотр сетевых запросов.

См. Visual Studio Code расширение Microsoft Edge DevTools.

Открытие исходных файлов в Visual Studio Code

Эксперимент с открытым исходным кодом в Visual Studio Code позволяет использовать Средства разработки Microsoft Edge, а затем редактировать файлы в Visual Studio Code, а не в редакторе кода средства DevTools Sources.

При использовании этого эксперимента, если вы используете Visual Studio Code и используете Средства разработки для изменения правил CSS, вам больше не придется использовать редактор кода в инструменте Источники devTools. Редактор кода можно просто использовать в Visual Studio Code. При включении этого эксперимента локальные файлы будут получать другую обработку.

См. раздел Открытие исходных файлов в Visual Studio Code.

Отладка Microsoft Edge в Visual Studio Code

Visual Studio Code включает встроенный отладчик для Microsoft Edge, который может запускать браузер или подключаться к уже работающему браузеру.

Этот встроенный отладчик позволяет выполнять построочную отладку внешнего кода JavaScript и просматривать console.log() инструкции непосредственно из Visual Studio Code.

См. статью Отладка Microsoft Edge в Visual Studio Code.

Расширение webhint для Visual Studio Code

Используйте webhint, настраиваемое средство linting, чтобы улучшить функциональность сайта, в том числе:

• Специальные возможности
• Производительность.
• Совместимость между браузерами.
• Совместимость PWA.
• Безопасность.

webhint проверяет код на наличие рекомендаций и распространенных ошибок. Выявляйте и устраняйте проблемы в файлах, включая HTML, CSS, JavaScript и TypeScript. Подсказки отображаются как волнистые подчеркивания в текстовом редакторе и суммируются в области Проблемы .

Заметка: С апреля 2022 года продление веб-сайта для Visual Studio Code больше не поддерживается. См. Visual Studio Code расширение Microsoft Edge DevTools.

Visual Studio для веб-разработки

Microsoft Visual Studio — это интегрированная среда разработки (IDE). Используйте его для редактирования, отладки, сборки и публикации веб-приложений. Это многофункциональная программа, которую можно использовать для многих аспектов веб-разработки.

В дополнение к стандартному редактору и отладчику, которые предоставляются большинством ЕЦД, Visual Studio включает в себя функции, упрощающие процесс разработки, в том числе:

• Компиляторы.
• Средства завершения кода.
• Графические конструкторы.
• И многое другое.

Веб-разработка см. в разделе Visual Studio.