本文來盤點微軟開源的十大前端項目，這些項目在 Github 上獲得了超過 45 萬 Star！

Visual Studio Code

Visual Studio Code 是一款由微軟開發(fā)的開源的代碼編輯器。它支持多種編程語言，如C、C++、C#、Python、JavaScript 和 TypeScript 等，并提供豐富的插件生態(tài)系統(tǒng)來擴展功能。VS Code具有豐富的編輯功能，包括語法高亮、智能代碼補全、代碼導航、調(diào)試功能等。它還提供了集成的終端窗口、Git 版本控制工具和豐富的主題和擴展插件，能夠滿足開發(fā)者的各種需求。

圖片

Github（151k ??）：https://github.com/microsoft/vscode

TypeScript

TypeScript 是一種由微軟開發(fā)的開源編程語言，它是 JavaScript 的擴展。它提供了靜態(tài)類型檢查和更多的面向對象特性，以提高開發(fā)工具和開發(fā)體驗。通過類型注解和類型推斷功能，能夠在編譯階段發(fā)現(xiàn)潛在的類型錯誤，并提供更好的編輯提示和自動補全功能。TypeScript 可以編譯成 JavaScript，與現(xiàn)有的代碼庫無縫集成，如 React、Vue.js 等。使用 TypeScript 可以編寫更安全、更健壯的 JavaScript 應用。

圖片

Github（94.2k??）：https://github.com/microsoft/TypeScript

Web-Dev-For-Beginners

Web-Dev-For-Beginners 是由微軟開源的一個針對初學者的 Web 開發(fā)學習項目，包含 12 周 24 節(jié)課，旨在幫助初學者掌握 Web 開發(fā)的基礎知識和技能，并提供實踐經(jīng)驗和示例代碼。

圖片

Github（76.8k??）：https://github.com/microsoft/Web-Dev-For-Beginners

Playwright

Playwright 是一個由微軟開源的跨瀏覽器自動化測試工具，它可以模擬各種瀏覽器的用戶行為和交互，并且可以在多種平臺（包括 Windows、Linux、macOS 等）上運行。與其他類似的工具相比，Playwright 具有更好的性能、穩(wěn)定性和可擴展性，支持多瀏覽器、多語言、多平臺等特性。

圖片

Github（55k??）：https://github.com/microsoft/playwright

Monaco Editor

Monaco Editor 是一個由微軟開源的基于 Web 技術的代碼編輯器。它是 Visual Studio Code 的核心編輯組件，可以在 Web 應用中集成和使用。其具有許多先進的編輯功能，包括語法高亮、自動完成、代碼提示、代碼折疊、縮進調(diào)整、代碼格式化等。它支持多種編程語言，并提供了豐富的擴展性，可以通過插件和自定義樣式進行功能擴展和界面定制。

圖片

Github（35.6k??）：https://github.com/microsoft/monaco-editor

Fluent UI

Fluent UI 是 Microsoft 開源的設計系統(tǒng)，用于構建現(xiàn)代、易于使用和美觀的用戶界面。它提供一系列可重用組件、樣式和模式，幫助開發(fā)者快速搭建一致性和可定制化的界面。支持多種前端框架和技術，并具有豐富的組件庫和自定義主題功能。

圖片

Github（16.4k??）：https://github.com/microsoft/fluentui

FAST

FAST 是基于 Web Components 和現(xiàn)代 Web 標準構建的技術集合，旨在有效地解決網(wǎng)站和應用設計和開發(fā)中的一些最常見的挑戰(zhàn)。FAST 的一個核心原則是“盡可能采用開放、基于 Web 標準的方法”。為此，F(xiàn)AST 直接建立在上述 W3C Web 組件標準之上，并不創(chuàng)建自己的組件模型。這使得使用 FAST 構建的組件可以與內(nèi)置的本地 HTML 元素一樣正常工作。無需框架即可使用 FAST 組件，但也可以將它們與任何框架或庫結合使用。

圖片

Github（8.6k??）：https://github.com/microsoft/fast

TypeChat

TypeChat是由微軟開發(fā)的一個開源項目，旨在為開發(fā)者提供一個定義大語言模型返回的響應結構的解決方案。它可以幫助開發(fā)者快速構建聊天界面或定制化的AI Agent，通過定義Prompt和Schema，將自然語言請求轉換為特定類型的JSON對象。

圖片

Github（6.6k??）：https://github.com/microsoft/TypeChat

Rush Stack

Rush Stack 是：

• 使命：為 web 項目的大規(guī)模 monorepo 倉庫來提供可復用技術
• 開放協(xié)作：匯集了社區(qū)的合作者們，面對嚴苛的工具，你不再單打獨斗
• 具體策略：整合諸如 Node.js, TypeScript, ESLint, Prettier, Webpack, Jest 等一系列流行的工具最終形成解決方案
• 一系列項目：同宗同源，項目之間緊密合作。

圖片

Github（5.2k??）：https://github.com/microsoft/rushstack

Rooster

Rooster 是一款獨立于框架的 JavaScript 富文本編輯器，整齊地嵌套在一個 HTML<div>元素中。最終用戶執(zhí)行的編輯操作以簡單的方式處理以生成最終的 HTML。

圖片

Github（765??）：https://github.com/microsoft/roosterjs