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

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

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

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

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

Microsoft Edge DevTools
Microsoft Edge Средства разработчика — это набор средств проверки и отладки, встроенных непосредственно в браузер Microsoft Edge. Чтобы открыть средства разработки, когда окно Microsoft Edge активировано:

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

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

браузер Microsoft Edge

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

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

Microsoft Edge Insider
Мы создадим что-то новое для Microsoft Edge каждый день. Узнайте о наших достижениях и о том, как вы можете помочь нам. Download Microsoft Edge бета-версия

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

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

Microsoft Edge Tools for VS Code
Не покидая Visual Studio Code, используйте Microsoft Edge DevTools для подключения к экземпляру и просмотра html-структуры среды выполнения, изменения макетов, стилей (CSS), чтения сообщений консоли и просмотра сетевых запросов.
Install Microsoft Edge Tools for VS Code

WebHint для доступности
Настраиваемый инструмент для линтинга, который помогает улучшить доступность вашего сайта, его скорость, кросс-браузерную совместимость и другие аспекты, проверяя код на соответствие лучшим практикам и наличие распространенных ошибок.
Установить расширение VS Code
Установить расширение браузера
Установка CLI

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
Visual Studio (IDE)
Интегрированная среда разработки, которую можно использовать для редактирования, отладки, создания кода и публикации приложений, включая компиляторы, функцию завершения кода IntelliSense и многое другое.
Install Visual Studio

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

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

WSL, Терминал, Package Manager, Docker Desktop

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

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

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

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

ASP.NET, Typescript, .NET MAUI

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

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

значок
.NET MAUI
.NET многоплатформенный пользовательский интерфейс приложений (.NET MAUI) позволяет создавать собственные приложения .NET с помощью кроссплатформенного набора средств пользовательского интерфейса, предназначенных для форм-факторов мобильных и классических приложений в Android, iOS, macOS, Windows и Tizen.
Install .NET MAUI

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

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

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

Разработка облачных решений с помощью Azure

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

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

Просмотр продуктов Azure
Azure предлагает огромный спектр продуктов и услуг - ознакомьтесь с документацией или просмотрите описания и цены продуктов Azure.
Настройка учетной записи Azure

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

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

React Native для настольных компьютеров
Доведите поддержку React Native к пакету SDK Windows и пакету SDK для macOS 10.13. Используйте JavaScript для создания собственных приложений Windows для всех устройств, поддерживаемых Windows включая компьютеры, планшеты, 2-in-1s, Xbox, устройства смешанной реальности и т. д., а также экосистемы компьютеров и ноутбуков macOS.
Install React Native для Windows
Установить React Native для MacOS

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

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

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

• Сочетания клавиш
• ярлыки сенсорной панели
• Терминал и инструменты оболочки
• приложения и утилиты