本文來(lái)盤(pán)點(diǎn)微軟開(kāi)源的十大前端項(xiàng)目，這些項(xiàng)目在 Github 上獲得了超過(guò) 45 萬(wàn) Star！

Visual Studio Code

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

圖片

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

TypeScript

TypeScript 是一種由微軟開(kāi)發(fā)的開(kāi)源編程語(yǔ)言，它是 JavaScript 的擴(kuò)展。它提供了靜態(tài)類型檢查和更多的面向?qū)ο筇匦裕蕴岣唛_(kāi)發(fā)工具和開(kāi)發(fā)體驗(yàn)。通過(guò)類型注解和類型推斷功能，能夠在編譯階段發(fā)現(xiàn)潛在的類型錯(cuò)誤，并提供更好的編輯提示和自動(dòng)補(bǔ)全功能。TypeScript 可以編譯成 JavaScript，與現(xiàn)有的代碼庫(kù)無(wú)縫集成，如 React、Vue.js 等。使用 TypeScript 可以編寫(xiě)更安全、更健壯的 JavaScript 應(yīng)用。

圖片

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

Web-Dev-For-Beginners

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

圖片

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

Playwright

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

圖片

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

Monaco Editor

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

圖片

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

Fluent UI

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

圖片

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

FAST

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

圖片

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

TypeChat

TypeChat是由微軟開(kāi)發(fā)的一個(gè)開(kāi)源項(xiàng)目，旨在為開(kāi)發(fā)者提供一個(gè)定義大語(yǔ)言模型返回的響應(yīng)結(jié)構(gòu)的解決方案。它可以幫助開(kāi)發(fā)者快速構(gòu)建聊天界面或定制化的AI Agent，通過(guò)定義Prompt和Schema，將自然語(yǔ)言請(qǐng)求轉(zhuǎn)換為特定類型的JSON對(duì)象。

圖片

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

Rush Stack

Rush Stack 是：

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

圖片

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

Rooster

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

圖片

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