Поделиться через


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

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

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

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

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

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

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

Браузер Microsoft Edge

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ASP.NET, TypeScript, Xamarin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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