Интеграция интегрированной среды разработки 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.