通过


Windows上的 Web 开发

Microsoft为 Web 开发人员提供了各种资源,包括支持使用Windows进行 Web 开发的新工具和功能。 本指南介绍了许多可用于使Windows适合 Web 开发的理想环境的工具。 有关 API 的列表,请参阅用于 web 开发的 API

在 Windows

WebView、开发工具、PWA

WebView 2 图标
WebView 2
使用 Microsoft Edge WebView2 在本机应用程序中嵌入 Web 内容(HTML、CSS 和 JavaScript)。 下载 WebView 2

Microsoft Edge DevTools 图标
Microsoft Edge DevTools
Microsoft Edge开发人员工具是一组直接内置于 Microsoft Edge 浏览器中的检查和调试工具。 若要打开 DevTools,请确保 Microsoft Edge 处于焦点状态:

  • 右键单击,然后检查
  • 选择 F12
  • Ctrl + Shift + i

PWA 图标
渐进式 Web 应用程序在 Windows
渐进式Web Apps(PWA)为用户提供为其设备自定义的本机应用式体验。 它们是进行逐步增强的网站,可在支持的平台上发挥像本机应用那样的功能。
开始使用 PWA

Microsoft Edge浏览器

Microsoft Edge icon
面向开发人员的 Microsoft Edge
新的 Microsoft Edge 基于 Chromium,以实现更好的 Web 兼容性并减少底层 Web 平台的碎片化。 2020 年 1 月 15 日发布,Windows、macOS、iOS 和 Android 支持它。
安装新的 Microsoft Edge

Microsoft Edge for Business
Microsoft Edge for Business
Microsoft Edge基于 Chromium 并提供企业支持。 获取有关如何配置和部署多个可用通道的分步指导。
Download Microsoft Edge 通道

Microsoft Edge Insider icon
Microsoft Edge Insider
我们每天都要为Microsoft Edge构建一些新的东西。 了解我们最近的进度以及如何参与。 Download Microsoft Edge Beta 版本

Microsoft Edge 支持图标
Microsoft Edge 支持
获取有关自定义浏览器、添加扩展、跟踪防护、疑难解答等方面的帮助。 获取 Microsoft Edge 帮助

调试、测试和无障碍

VS Marketplace Edge 调试器扩展
Microsoft Edge VS Code 工具
如果不离开Visual Studio Code,请使用 Microsoft Edge DevTools 连接到实例并查看运行时 HTML 结构、更改布局、样式(CSS)、读取控制台消息和查看网络请求。
安装用于 VS Code 的 Microsoft Edge 工具

WebHint 图标
可提升可访问性的 WebHint
一种可自定义的 lint 工具,通过检查代码来寻找最佳实践和常见错误,协助提升站点的可访问性、速度、跨浏览器兼容性等。
安装 VS Code 扩展
安装浏览器扩展
安装 CLI

WebDriver 图标
WebDriver
通过使用 Microsoft WebDriver 在 Microsoft Edge 中自动测试网站,从而关闭开发人员周期的循环。
安装 WebDriver

Visual Studio代码编辑器

VS Code 图标
VS Code
一种轻量级的源代码编辑器,内置支持 JavaScript、TypeScript 和 Node.js,提供丰富的扩展(如 C++、C#、Java、Python、PHP、Go)和运行时(例如 .NET 和 Unity)生态系统。
安装 VS Code

Visual Studio icon
Visual Studio (IDE)
集成开发环境,可用于编辑、调试、生成代码和发布应用,包括编译器、IntelliSense 代码完成以及更多功能。
Install Visual Studio

VS Code Marketplace 图标
VS Code 扩展市场
浏览可用于自定义Visual Studio Code编辑器的许多不同的扩展。
安装扩展

Visual Studio市场图标
Visual Studio 扩展市场
浏览可用于自定义Visual Studio集成开发环境的许多不同的扩展。
安装扩展

WSL、终端、Package Manager、Docker Desktop

WSL 图标
Windows Subsystem for Linux
使用最喜爱的 Linux 分发版与Windows完全集成(不再需要双启动)。
安装 WSL

Windows Terminal icon
Windows Terminal
自定义终端环境,以使用多个命令行 shell。
安装终端

Windows Package Manager icon
Windows Package Manager
在命令行中使用 winget.exe 客户端来安装 Windows 应用程序,或者将您自己的包提交到 Windows 包管理器。
安装 Windows 软件包管理器 winget 客户端

Docker Desktop for Windows icon
Docker Desktop for Windows
创建支持Visual Studio、VS Code、.NET、Windows Subsystem for Linux或各种Azure服务的远程开发容器。
安装适用于 Windows 的 Docker Desktop

ASP.NET、Typescript、.NET MAUI

ASP.NET icon
ASP.NET
用于使用 .NET 和 C# 构建 Web 应用和服务、物联网(IoT)应用或移动后端的跨平台框架。 使用 Blazor 构建丰富的交互式 Web UI。 在 Windows、macOS 和 Linux 上使用你喜欢的开发工具。 部署到云或本地。 在.NET上运行。
Install ASP.NET

Typescript 图标
Typescript
TypeScript 通过向 JavaScript 添加类型来扩展该语言。 例如,JavaScript 提供了 string、number 和 object 等语言基元,但不会检查你对这些基元的赋值是否一致。 而 TypeScript 会这么做。
在浏览器中试用本地安装

.NET MAUI 图标
.NET MAUI
.NET 多平台应用程序用户界面(.NET MAUI) 使你能够使用 .NET 跨平台 UI 工具包构建面向 Android、iOS、macOS、Windows 和 Tizen 的移动和桌面本机应用程序。
Install .NET MAUI

开源贡献

开源图标
Microsoft 的开源项目
数以千计的Microsoft工程师每天使用、参与和发布open source。 热门项目包括 Visual Studio Code、TypeScript、.NET 和 ChakraCore。
参与

文档图标
参与编辑文档
Microsoft上的大多数文档集都open source并托管在GitHub上。 可通过提交问题或创建拉取请求进行贡献。
了解操作方法

使用 Azure 进行云开发

Azure icon
Azure
用于托管现有应用并简化新开发的完整云平台。 Azure服务集成了开发、测试、部署和管理应用所需的所有内容。
设置Azure帐户

Azure认知服务图标
Azure 认知服务
具有 REST API 和客户端库 SDK 的基于云的服务,可用于帮助你将认知智能构建到应用程序中。
试用认知服务

Azure开发指南图标
浏览 Azure 产品
Azure提供各种产品和服务 - 查看文档或查看 Azure 产品说明和定价
设置Azure帐户

其他资源

设置开发环境图标
在 Windows 上设置开发环境
获取帮助以设置您的开发环境,以使用 Python、NodeJS、C#、C、C++,开发 Android 应用,开发 Windows 桌面应用,创建 Docker 容器,运行 PowerShell 脚本等。
入门

React Native for Desktop 图标
React Native for Desktop
为 Windows SDK 和 macOS 10.13 SDK 提供 React Native 支持。 使用 JavaScript 为Windows支持的所有设备(包括电脑、平板电脑、2-in-1、Xbox、混合现实设备等)以及 macOS 台式机和笔记本电脑生态系统构建本机Windows应用。
Install React Native for Windows
安装适用于 MacOS 的 React Native

学习图标
与 web 开发相关的 Microsoft Learn 课程
Microsoft Learn 提供免费的在线课程,可帮助你学习各种新技能,并通过分步指南来发现 Microsoft 产品和服务。
开始学习

在 Mac 和 Windows 之间转换

请查看我们的 指南,了解如何在 Mac 和 Windows(或 Windows Subsystem for Linux) 开发环境之间进行转换。