Веб-разработка в Windows

Корпорация Майкрософт предлагает множество ресурсов для веб-разработчиков, в том числе новые средства и функции, поддерживающие веб-разработку в Windows. В этом руководстве рассматриваются многие средства, доступные для создания идеальной среды Windows для разработки в Интернете. Список API см. в статье API для веб-разработки.

Настройка среды разработки в Windows

WebView, DevTools, приложения PWA

WebView 2
Внедряйте веб-содержимое (HTML, CSS и JavaScript) в нативные приложения с помощью Microsoft Edge WebView2. Скачать WebView 2

Microsoft Edge DevTools
Microsoft Edge Developer Tools — это набор средств для проверки и отладки, встроенных непосредственно в браузер Microsoft Edge. Чтобы открыть DevTools, в Microsoft Edge сделайте одно из следующих действий:

• Щелкните правой кнопкой мыши в окне и выберите "Проверить".
• Нажмите клавишу F12.
• Ctrl + Shift + i

Прогрессивные веб-приложения в Windows
Прогрессивные веб-приложения (PWA) предоставляют пользователям нативный, имитирующий приложения интерфейс, который доступен им на их устройствах. Они представляют собой веб-сайты, возможности которых постепенно расширяются до уровня нативных приложений на базовых платформах.
Начало работы с приложениями PWA

Браузер Microsoft Edge

Microsoft Edge для разработчиков
Новый браузер Microsoft Edge основан на Chromium и обеспечивает улучшенную веб-совместимость и низкий уровень фрагментации базовых веб-платформ. Он был выпущен 15 января 2020 года и поддерживается в Windows, macOS, iOS и Android.
Установить новый Microsoft Edge

Microsoft Edge для бизнеса
Браузер Microsoft Edge основан на Chromium и предлагает корпоративную поддержку. Получите пошаговое руководство по настройке и развертыванию нескольких доступных каналов.
Скачать канал Microsoft Edge

Участие в программе предварительной оценки Microsoft Edge
Мы создаем новые функции для Microsoft Edge каждый день. Узнайте о наших достижениях и о том, как вы можете помочь нам. Скачать версию Microsoft Edge Beta

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

Отладка, тестирование и специальные возможности

Инструменты Microsoft Edge для VS Code
Прямо в Visual Studio Code вы можете с помощью инструментов разработчика Microsoft Edge подключаться к экземпляру и просматривать HTML-структуру среды выполнения, изменять макеты, стили (CSS), читать сообщения консоли и просматривать сетевые запросы.
Установка инструментов Microsoft Edge для VS Code

WebHint для специальных возможностей
Это настраиваемое средство статистического анализа проверяет код на соответствие лучшим методикам и наличие распространенных ошибок и помогает улучшить специальные возможности сайта, кросс-браузерную совместимость и другие показатели.
Установить расширение VS Code
Установить расширение браузера
Установка ИНТЕРФЕЙСА командной строки

WebDriver
Замкните цикл разработки, выполнив автоматизацию тестирования веб-сайта в Microsoft Edge с помощью Microsoft WebDriver.
Установить WebDriver

Редакторы кода Visual Studio

VS Code
Упрощенный редактор исходного кода со встроенной поддержкой JavaScript, TypeScript, Node.js, обширной экосистемой расширений (C++, C#, Java, Python, PHP, Go) и средами выполнения (например, .NET и Unity).
Установка VS Code

Visual Studio (IDE)
Интегрированная среда разработки, которую можно использовать для редактирования, отладки, создания кода и публикации приложений, включая компиляторы, функцию завершения кода IntelliSense и многое другое.
Установка Visual Studio

VS Code Marketplace для расширений
Множество различных расширений помогут вам настроить редактор Visual Studio Code.
Установить расширения

Visual Studio Marketplace для расширений
Множество различных расширений помогут вам настроить интегрированную среду разработки Visual Studio.
Установить расширения

WSL, терминал, диспетчер пакетов, Docker Desktop

Подсистема Windows для Linux
Используйте избранный дистрибутив Linux, полностью интегрированный с Windows (больше не требуются два варианта загрузки).
Установка WSL

Терминал Windows
Настройте среду терминала для работы с несколькими оболочками командной строки.
Установка терминала

Диспетчер пакетов Windows
Используйте клиент winget.exe с командной строкой для установки приложений в Windows или отправки пакетов в Диспетчер пакетов Windows.
Установка клиента winget для Диспетчера пакетов Windows

Docker Desktop для Windows
Создавайте удаленные контейнеры разработки с поддержкой Visual Studio, VS Code, .NET, подсистемы Windows для Linux и разных служб Azure.
Установка Docker Desktop для Windows

ASP.NET, TypeScript, Xamarin

ASP.NET
Кросс-платформенная инфраструктура для создания веб-приложений и служб, приложений Интернета вещей или мобильных внутренних серверов с помощью .NET и C#. Создание полнофункционального интерактивного веб-интерфейса с помощью Blazor. Используйте привычные средства разработки в Windows, macOS и Linux. Выполнять развертывания в облаке или локальной среде. Запустите в .NET.
Установить ASP.NET

TypeScript
TypeScript расширяет возможности JavaScript, добавляя в него типы. Например, JavaScript предоставляет примитивы языка, такие как строки, числа и объекты, но он не проверяет согласованность их назначения. TypeScript поддерживает такую проверку.
Опробовать в браузереУстановить локально

Xamarin
Xamarin позволяет создавать собственные приложения для Android, iOS и macOS с помощью кода .NET и пользовательских интерфейсов платформы. Xamarin.Forms позволяет создавать собственные приложения с общим кодом пользовательского интерфейса на C# или XAML.
Установить Xamarin

Участие в разработке решений с открытым кодом

Открытый код в Майкрософт
Тысячи специалистов Майкрософт ежедневно используют, разрабатывают и выпускают решения с открытым кодом. Среди популярных проектов — Visual Studio Code, TypeScript, .NET и ChakraCore.
Участие

Репозиторий для рассмотрения проблем с производительностью для разработчиков Windows
Независимо от того, разрабатываете ли вы приложения ДЛЯ Windows или В Windows либо используете Windows в качестве кросс-платформенной системы разработки, мы хотим знать о любых проблемах с производительностью.
Сообщить о проблеме с производительностью

Участие в документации
Значительная часть документации корпорации Майкрософт предоставляется с открытым кодом на портале GitHub. Вы можете внести свой вклад, сообщив о проблеме или создав запрос на вытягивание.
Узнайте, как

Разработка в облаке с помощью Azure

Azure
Полная облачная платформа для размещения существующих приложений и оптимизации разработки новых приложений. Службы Azure интегрируют все, что необходимо для разработки, тестирования, развертывания и управления приложениями.
Настройка учетной записи Azure

Azure Cognitive Services
Это облачные службы с REST API и пакетами SDK клиентской библиотеки, которые помогают вам интегрировать когнитивные средства аналитики в свои приложения.
Опробовать Cognitive Services

Сведения о Azure
Полная облачная платформа для размещения существующих приложений и оптимизации разработки новых приложений. Службы Azure интегрируют все, что необходимо для разработки, тестирования, развертывания и управления приложениями.
Настройка учетной записи Azure

Дополнительные ресурсы

Настройка среды разработки в Windows
Получите помощь по настройке среды разработки для работы с Python, NodeJS, C#, C, C++, создания приложений Android, классических приложений Windows, контейнеров Docker, запуска скриптов PowerShell и многого другого.
Начало работы

React Native для Windows и macOS
Реализуйте поддержку React Native в пакетах SDK для Windows и macOS 10.13. Используйте JavaScript, чтобы создавать собственные приложения Windows для всех устройств, поддерживаемых Windows, в том числе для компьютеров, планшетов, трансформеров, игровых приставок Xbox, устройств смешанной реальности и т. д., а также для экосистем настольных компьютеров и ноутбуков macOS.
Установить React Native для Windows
Установить React Native для macOS

Курсы Microsoft Learn по веб-разработке
Microsoft Learn предлагает бесплатные онлайн-курсы, которые посредством пошаговых руководств помогут вам получить различные навыки и узнать о продуктах и услугах Майкрософт.
Запуск Обучение

Переход между Mac и Windows

Ознакомьтесь с нашим руководством по переходу между средой разработки Mac и Windows (или подсистема Windows для Linux).

• сочетания клавиш;
• командами сенсорной панели;
• терминалом и средствами оболочки;
• приложениями и служебными программами.