共用方式為


在 Windows 上進行網頁程式開發

Microsoft 為 Web 開發人員提供各種資源,包括支援使用 Windows 進行 Web 開發的新工具和功能。 本指南涵蓋許多工具,讓 Windows 成為您為網頁開發的理想環境。 如需 API 清單,請參閱 Web 開發的 API

Web 檢視、DevTools、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 圖示
Windows 上的漸進式 Web 應用程式
漸進式 Web 應用程式 (PWA) 為您的使用者提供針對其裝置自訂的原生應用程式式體驗。 這些是逐漸增強的網站,可像支援平台上的原生應用程式一樣運作。
開始使用 PWA

Microsoft Edge 瀏覽器

Microsoft Edge 圖示
適用於開發人員的 Microsoft Edge
新的 Microsoft Edge 是以 Chromium 為基礎,可建立更佳的 Web 相容性和較少的基礎 Web 平台片段。 發行於 2020 年 1 月 15 日,支援 Windows、macOS、iOS 和 Android。
安裝新的 Microsoft Edge

商務用 Microsoft Edge
商務用 Microsoft Edge
Microsoft Edge 是以 Chromium 為基礎,並提供企業支援。 取得如何設定及部署多個可用通道的逐步指引。
下載 Microsoft Edge 通道

Microsoft Edge Insider 圖示
Microsoft Edge 測試人員
我們每天都要為 Microsoft Edge 建置一些新功能。 瞭解我們最近的進度,以及如何參與其中。 下載 Microsoft Edge Beta 版本

Microsoft Edge 支援圖示
Microsoft Edge 支援
取得自訂瀏覽器、新增延伸模組、追蹤預防、疑難排解等等的協助。 取得 Microsoft Edge 的協助

偵錯、測試和協助工具

VS Marketplace Edge 偵錯工具延伸模組
適用於 VS Code 的 Microsoft Edge 工具
在未離開 Visual Studio Code 的情況下,使用 Microsoft Edge DevTools 連線到執行個體,並檢視執行階段 HTML 結構、變更版面配置、樣式 (CSS)、讀取主控台訊息,以及檢視網路要求。
安裝適用於 VS Code 的 Microsoft Edge 工具

WebHint 圖示
適用於協助工具的 WebHint
可自訂的 Linting 工具,能夠檢查程式碼以取得最佳做法和常見錯誤,協助您改善網站的協助工具、速度、跨瀏覽器相容性等等。
安裝 VS Code 延伸模組
安裝瀏覽器延伸
安裝 CLI

WebDriver 圖示
WebDriver
使用 Microsoft WebDriver 將 Microsoft Edge 中的網站測試自動化,以關閉開發人員週期的迴圈。
安裝 WebDriver

Visual Studio Code 編輯器

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 圖示
適用於 Linux 的 Windows 子系統
使用與 Windows 完全整合的最愛 Linux 發行版本 (不再需要雙重開機)。
安裝 WSL

Windows 終端機圖示
Windows 終端機
自訂您的終端機環境以使用多個命令列殼層。
安裝終端機

Windows 封裝管理員圖示
Windows 封裝管理員
使用 winget.exe 用戶端搭配命令列,在 Windows 上安裝應用程式,或將您自己的套件提交至 Windows 封裝管理員
安裝 Windows 封裝管理員 winget 用戶端

適用於 Windows 的 Docker Desktop 圖示
適用於 Windows 的 Docker Desktop \(英文\)
透過來自 Visual Studio、VS Code、.NET、Windows 子系統 Linux 版或各種 Azure 服務的支援建立遠端開發容器。
安裝 Docker Desktop for Windows

ASP.NET、Typescript、Xamarin

ASP.NET 圖示
ASP.NET
使用 .NET 和 C# 建置 Web 應用程式和服務、物聯網 (IoT) 應用程式或行動後端的跨平台架構。 使用 Blazor 建置豐富的互動式 Web UI。 並可在 Windows、macOS 和 Linux 上使用您最愛的開發工具。 部署到雲端或在內部部署。 在 .NET 上執行。
安裝 ASP.NET

Typescript 圖示
Typescript
TypeScript 會將類型新增至語言,藉以擴充 JavaScript。 例如,JavaScript 會提供字串、數字和物件等語言基本項目,但不會檢查您是否已一致地指派這些項目。 TypeScript 會執行此工作。
在您的瀏覽器中嘗試在本機安裝

Xamarin 存放庫圖示
Xamarin
Xamarin 可讓您使用 .NET 程式碼和平台專屬的使用者介面,來建置 Android、iOS 和 macOS 原生應用程式。 Xamarin.Forms 可讓您透過以 C# 或 XAML 撰寫的共用 UI 程式碼,來建置原生應用程式。
安裝 Xamarin

開放原始碼參與

OpenSource 圖示
Microsoft 的開放原始碼
數以千計的 Microsoft 工程師每天使用、參與及發行開放原始碼。 熱門專案包括 Visual Studio Code、TypeScript、.NET 和 ChakraCore。
積極參與

WinDev 存放庫圖示
Windows 開發人員效能問題存放庫
無論您是針對 Windows 或是使用 Windows 進行開發,使用其做為跨平台開發電腦,我們都想要聽取任何使您造成困擾的效能問題。
提出效能問題

文件圖示
參與文件編輯
Microsoft 的大部分文件集都是開放原始碼,並裝載在 GitHub 上。 提交問題或撰寫提取要求來參與。
瞭解做法

使用 Azure 進行雲端開發

Azure 圖示
Azure
完整的雲端平台,可裝載現有的應用程式並簡化新的開發。 Azure 服務整合了您開發、測試、部署和管理應用程式所需的一切。
設定 Azure 帳戶

Azure 認知服務圖示
Azure 認知服務
使用 REST API 和用戶端程式庫 SDK 的雲端式服務,可協助您在應用程式中建置認知智慧。
嘗試認知服務

Azure 開發人員指南圖示
瞭解 Azure
完整的雲端平台,可裝載現有的應用程式並簡化新的開發。 Azure 服務整合了您開發、測試、部署和管理應用程式所需的一切。
設定 Azure 帳戶

其他資源

設定開發環境圖示
在 Windows 上設定您的開發環境
取得設定開發環境以使用 Python、NodeJS、C#、C、C++、建置 Android 應用程式、建置 Windows 傳統型應用程式、建置 Docker 容器、執行 PowerShell 指令碼等等的協助。
開始

適用於 Windows 的 React Native 圖示
適用於 Windows + macOS 的 React Native
將 React Native 支援引入 Windows SDK 和 macOS 10.13 SDK。 使用 JavaScript 為 Windows 支援的所有裝置建置原生 Windows 應用程式,包括電腦、平板電腦、變形平板、Xbox、混合實境裝置等,以及 macOS 桌上型電腦和膝上型電腦生態系統。
安裝適用於 Windows 的 React Native
安裝適用於 macOS 的 React Native

學習圖示
與 Web 開發相關的 Microsoft Learn 課程
Microsoft Learn 提供免費的線上課程,以學習各種新技能,並使用逐步指引探索 Microsoft 產品和服務。
開始學習

在 Mac 與 Windows 之間轉換

查看我們在 Mac 和 Windows (或適用於 Linux 的 Windows 子系統) 開發環境之間轉換的指南