TypeScript
Source: https://github.com/dzharii/awesome-typescript at
1e61bb740c9e
License: Unlicense
Read the English original
This edition is an AI-assisted translation.
Awesome TypeScript
Section titled “Awesome TypeScript”🗄️ 封存說明
Section titled “🗄️ 封存說明”摘要(2026) - 為何封存此清單
我在 11 年前創立 awesome-typescript,當時 TypeScript 還在發展中,遠未成為今天的預設選擇。那時,蒐集並整理資源很重要。這能幫助早期採用者找到可靠的資料、分享得來不易的經驗,並圍繞著這項許多開發者低估的工具建立社群。
多年來,我曾多次討論 TypeScript 的未來(尤其是在 2016 至 2018 年間)。我相信它會成為現代開發的基石。如今,很難不承認這個預測已成真。TypeScript 現在是前端開發的實質標準語言,幾乎無所不在:各種應用程式、SDK、範例,甚至關聯不大的專案也都會採用 TypeScript。
這項成功也為這份清單帶來新的問題。當幾乎每個專案都使用 TypeScript,接受所有可能的新增項目就不再是整理,而會變成無止盡的維護工作。社群貢獻已減少,訊噪比也有所變化,繼續擴充清單已不再符合最初的目的。
與其繼續維護一份無法反映當前生態中有意義且經過精選的最佳資源清單,我決定封存 awesome-typescript,並保留它作為歷史參考。
感謝所有曾經貢獻的人,無論是提交 pull request、推薦資源,或分享意見。你們的協助讓這份清單在最需要它時發揮作用,也凝聚了早期的 TypeScript 社群。
-= Awesome TypeScript =- Awesome Elasticsearch →
Section titled “-= Awesome TypeScript =- Awesome Elasticsearch →”收錄適用於用戶端與伺服器端開發的優質 TypeScript 資源。用 TypeScript 撰寫出色的 JavaScript。靈感來自 awesome 清單。
更多 awesome 資源
Section titled “更多 awesome 資源”semlinker/awesome-typescript 感謝 @semlinker 精心整理這份清單!
請先快速閱讀貢獻指南。如果你發現此處的套件或專案已停止維護,或不適合收錄,請提交 pull request 來改善本檔案。
- Awesome TypeScript 必備資源
- TypeScript 專案起始範本
- 書籍
- 參考清單
- 部落格
- CLI 與 REPL
- IDE(整合式開發環境)
- 建置系統
- 雲端資料倉儲
- 模組打包工具
- 內容管理系統(CMS)
- 工具
- CSS-in-JS 型別支援
- 型別
- 執行階段
- 以 TypeScript 打造:行動應用程式、網頁、後端 API、獨立應用程式、函式庫
- 大型語言模型(LLM)
- 影片課程
- 教學
- 路線圖
- 致謝
從(Awesome)TypeScript 開始
Section titled “從(Awesome)TypeScript 開始”Awesome TypeScript 必備資源
Section titled “Awesome TypeScript 必備資源”- :books: Handbook - Welcome to TypeScript TypeScript 官方學習資源
- :books: TypeScript Deep Dive 作者:Basarat Ali Syed
- :octocat: Microsoft/TypeScript on Github 在 Github 上查看 TypeScript 的原始碼!或者……直接閱讀程式碼
- :octocat:The official TypeScript Roadmap
- :books: TypeScript Team Blog 提供公告與近期更新
- :octocat: DefinitelyTyped/DefinitelyTyped 高品質 TypeScript 型別定義的儲存庫,由 Boris Yankov 與數千位貢獻者維護
- :octocat: Type search,在 npm 上搜尋型別定義
- :books: Community Curated Resources
- :octocat: Clean Code concepts adapted for TypeScript
- :computer: Should You Learn TypeScript? (Benefits & Resources)
- :computer: Learn how to unleash the full potential of the Turing Complete type system of TypeScript!,💵 線上課程,前 5 章免費,作者為 Gabriel Vergnaud
- :computer: Codington 互動式 TypeScript 練習,提供即時回饋,專為學習與教學設計。
- :octocat: Codebook 閱讀並執行小型程式碼片段,循序學習 TypeScript,從基礎概念到進階內容。
- :octocat: Type Challenges TypeScript 型別挑戰集,附有線上評測系統。
- :books: TypeScript Style Guide 簡明列出慣例與最佳實務,協助撰寫一致且易於維護的程式碼。
- :art: Visual Types 以互動視覺化方式呈現 TypeScript 概念。欣賞這些漂亮的色彩吧。
TypeScript 專案起始範本
Section titled “TypeScript 專案起始範本”- React Starter Kit – 使用 Bun、TypeScript、React、tRPC、Drizzle ORM 與 Cloudflare Workers 建置現代網頁應用程式的全端樣板。
- typescript-starter – 快速產生並設定新函式庫與 Node.js 專案的 CLI
- next-smrt – 採用 Redux、Styled Components、Material UI 與 TypeSafe Actions 的 TypeScript/NextJs 樣板
- :octocat: Next-Postgres-With-Typescript - 類似論壇的全端網頁應用程式樣板,使用 Next.js 7.0.2、Sequelize 4/Postgres、Typescript、Redux、Passport Local Auth 與 Emotion
- MicroTS 採用介面優先方法的微服務程式碼產生器:從 OpenAPI (Swagger) REST API 規格產生完整專案,包含 TypeScript 程式碼、輸入驗證器、UI、測試與 Docker 設定。
- pankod/next-boilerplate 結構完善、可供正式環境使用的 Next.js 樣板,包含 Typescript、Redux、Jest、Enzyme、Express.js、Sass、Css、EnvConfig、反向 Proxy、Bundle Analyzer 與內建 CLI
- jsynowiec/node-typescript-boilerplate 新近更新、方便開發者使用且功能完整,同時保持精簡的範本。適用於大多數 Node.js 專案,開箱即用。包含並設定好所有基本工具,支援最新 Node.js LTS 與 TypeScript 版本。
- typescript-express-starter - 快速易用的 TypeScript Express 起始範本。
- The Knests Stack - 全端樣板(黑客松起始專案),包含 PostgreSQL、Knex.js、NestJS、Next.js、GraphQL、React(使用 hooks 與 typescript)、Material-UI、Docker 多階段映像、Docker compose 與完整設定的 Gitlab CI/CD 管線。
- tRPC + Next.js - 支援端對端型別安全 React 開發的全端起始專案
- nd.ts - 迅速建立最精簡的 Node.ts 專案
- :octocat: samchon/backend - 使用 NestJS(nestia)與 TypeORM(safe-typeorm)的 TypeScript 後端範本專案。透過衍生範例專案協助後端新手。此外,也能透過 pm2 在程序層級支援不中斷更新系統。
- :ok_man: ts-express-boilerplate - 適合啟動後端專案的 ExpressJS / Typescript 範本,著重簡潔與精簡功能 :P,並預先設定記錄與測試。資料存取採用 Typeorm。
- create-typescript-app - 提供 TypeScript 網頁應用程式的起始架構,包含 pnpm、Rollup、Jest,以及搭配 SCSS 的 CSS Modules。
- ts-vite-npm-template - 製作 TypeScript NPM 套件的一站式方案,採用 Vite,內建 GitHub Pages 線上示範部署、自動化測試與建置工作流程、Vite 單元測試設定(含涵蓋率分析),以及套件 README.md 範本。
- :books: TypeScript in 50 Lessons 作者:Stefan Baumgartner
- :books: :fire: TypeScript Quickly 學習現代 TypeScript 並打造自己的區塊鏈;範例程式碼:yfain/getts
- :books: Angular Development with Typescript, Second Edition (MEAP October 2017) 《Angular Development with Typescript, Second Edition》是一本中階教學書,為熟悉使用其他框架與工具建置網頁應用程式的開發者介紹 Angular 與 TypeScript。(作者:Yakov Fain 與 Anton Moiseev;Manning)
- :books: Angular 2 Development with TypeScript (2016) 作者:Yakov Fain 與 Anton Moiseev;Manning
- :books: Learning TypeScript 2.x 2nd Ed. 作者:Remo H. Jansen
- :books: Mastering TypeScript 2nd Ed. 作者:Nathan Rozentals
- :books: Beginning Angular 4 with TypeScript 作者:Greg Lim
- :books: Programming with Types - 利用型別系統的力量,設計安全、可靠、正確且易於維護和理解的軟體。(作者:Vlad Riscutia)
- :books: Essential TypeScript 5 - 暢銷指南的第三版,完整介紹 TypeScript。(作者:Adam Freeman)
- :books: Effective TypeScript 作者:Dan Vanderkam
- :books: Advanced TypeScript 3 Programming Projects 作者:Peter O’Hanlon
- :books: The Concise TypeScript Book (Free and Open Source) 作者:Simone Poggiali
- :books: Acing the Frontend Interview (Early Access) 作者:Jennifer Fu (Manning)
- TypeScript Reference for JS developers - 關鍵字、運算子、陳述式與指示詞詞彙表
- @captain-yossarian’s blog - 專門探討 TypeScript 靜態型別
CLI 與 REPL
Section titled “CLI 與 REPL”- Taze 現代 CLI 工具,讓你的相依套件保持最新
- 使用 ts-node 執行指令碼或 REPL
- 如何建立可執行的 TypeScript 指令碼:
- 確認已安裝
npx(隨npm >= 5.2提供)與typescript套件 - 將此 shebang 加在指令碼第一行:
#!npx ts-node - 將指令碼設為可執行:
chmod +x script.ts - 直接執行:
./script.ts:)
- 確認已安裝
IDE(整合式開發環境)
Section titled “IDE(整合式開發環境)”Visual Studio
Section titled “Visual Studio”- Visual Studio Community Edition 2015 - 免費(有條件)的 IDE,內建 TypeScript 支援
- VS Addon - TypescriptSyntaxPaste - 可複製 C# 原始碼,再貼上為 Typescript 語法,協助轉換 DTO 或介面
- NodeJS Tools for Visual Studio
其他(外掛 || 跨平台 || 開源 || 免費)
Section titled “其他(外掛 || 跨平台 || 開源 || 免費)”- Visual Studio Code
- PhpStorm
- WebStorm
- CATS 是供 TypeScript 與 Web 開發者使用的 IDE,作者為 @jbaron
- TypeScript Sublime Plugin 作者:@Microsoft
- Atom TypeScript 作者:@TypeStrong
- TypeScript Interactive Development Environment for Emacs 作者:@ananthakumaran
- TypeScript Syntax for VIM
- :octocat: Typescript addin for MonoDevelop、SharpDevelop 與 Xamarin Studio;另有一篇簡短的評論文章
- Typescript tooling for Neovim 是適用於 Neovim 的 TypeScript 語言服務外掛。
- Coc 讓你的 Vim/Neovim 變得和 VSCode 一樣智慧。
Playground 互動環境
Section titled “Playground 互動環境”- TypeScript playground 作者:@agentcooper,支援多個 TS 版本與編譯器目標
- TypeScript playground-on-ace 作者:@hi104,已更新至 TypeScript 1.5
- TypeScript official Playground
- JS Bin(選擇 TypeScript)
- Codepen(選擇 TypeScript)
- TypeScript Interpret - Terminal Emulator 作者:@niutech
- TypeScript Editor 作者:@drake7707
- Grunt 工作:
- grunt-ts - 可在 GruntJS 建置指令碼中處理 TypeScript 編譯工作的 npm 套件
- Zwitterion - 極簡開發伺服器,內建 TypeScript 檔案支援。
- Nx - 智慧、快速且可擴充的建置系統
雲端資料倉儲
Section titled “雲端資料倉儲”- :sparkles: Crisp BigQuery 起始專案,可將 Google BigQuery 資料傳送至終端使用者的瀏覽器,並控制成本。提供豐富的資料呈現方式。
- DDB-Table 為 AWS DynamoDB 提供強型別查詢與資料表
- DynamoDB-Toolbox 輕量且具型別安全的 AWS DynamoDB 查詢建構器
模組打包工具
Section titled “模組打包工具”- Farm - 以 Rust 撰寫、與 Vite 相容且速度極快的網頁建置工具
- Rspack - 以 Rust 為基礎的高速網頁打包工具 🦀️
- Vite - 新一代前端工具
- Webpack - 支援 CommonJS 與 AMD 模組打包
- Browserify - CommonJS 模組打包工具。並未「開箱即用」支援 TypeScript,但可搭配 * Grunt 工作使用:grunt-ts、grunt-browserify、grunt-contrib-uglify
- fuse-box | http://fuse-box.org/ - TypeScript 範例:fuse-box-ts-react-reflux-seed
內容管理系統(CMS)
Section titled “內容管理系統(CMS)”- Factor - JavaScript CMS(原生支援 TypeScript)
- Graphweaver - 將多個資料來源整合為單一 GraphQL Headless CMS。
- sqlx-ts - SQLx-ts 是 CLI 應用程式,提供無需 DSL 的編譯期查詢檢查,並根據 SQL 產生型別,讓程式碼具備型別安全
- bun - Bun 是快速的 JavaScript 執行環境、套件管理器、打包工具與測試執行器
- deno - 安全的 JavaScript 與 TypeScript 執行環境
- OXC - 一套以 Rust 撰寫、用於 JavaScript 與 TypeScript 的高效能工具
- biome - Biome 能在極短時間內格式化並檢查你的程式碼
- SweetIQ/schemats 從 SQL 資料庫結構產生 TypeScript 介面定義
- TypeDoc - TypeScript 專案文件產生器
- TypeScript Standard - 無需設定的 TypeScript 2 Standard 驗證
- typed-install - 無論相依套件位於何處,都能輕鬆安裝套件與其型別定義
- type-config - tsconfig 產生器。
- Zapatos - TypeScript 的零抽象 Postgres
- dep-tree - 繪製專案的檔案相依樹,並/或依照自訂規則驗證。
- itertools-ts - 將擴充版 itertools 移植至 TypeScript 與 JavaScript。提供大量處理可迭代集合(包括非同步集合)的函式。
- ParaglideJS - 產生完整型別安全翻譯的 i18n 編譯器
- pg - 瀏覽器中的 PostgreSQL Playground,無需伺服器,僅使用用戶端與 pglite(postgresql wasm)
- nocodb - 🔥 🔥 🔥 開源 Airtable 替代方案
- jqlite - ⚡ JSON 查詢語言
- pompelmi - Node.js 檔案上傳惡意程式掃描,協助防範遠端檔案包含(RFI),並支援 Express、Koa 與 Next.js 配接器
- codables - 以裝飾器為基礎、宣告式且型別豐富的 JSON 序列化/反序列化工具,可處理幾乎任何資料型別
- Rev-dep - 追蹤匯入、找出循環相依、搜尋未使用程式碼並清理 node modules,全都透過極速 CLI 完成。
- jsonup - 編譯期 JSON 剖析器
- type-o-rama - JS 型別系統互通性
- utility-types - TypeScript 工具型別(相容於 Flow 的工具型別)
- elm-ts - 將 Elm 架構移植至 TypeScript,採用 fp-ts、io-ts、rxjs5 與 React
- ts-essentials - 集合所有必備 TypeScript 型別
- typescript-conditional-types - TypeScript 泛型型別輔助工具
- ts-types-utils - TypeScript 型別工具
- typesync - 為 package.json 中的相依套件安裝缺少的 TypeScript 型別定義。
- type-fest - 必備 TypeScript 型別集
- typetype - 專為產生 TypeScript 型別而設計的程式語言
- nominal - 名義型別與相依型別,適用於 Typescript。
- @tool-belt/type-predicates - 型別述詞、斷言函式與工具。
- getmytypes - 將 @types 檔案安裝至 devDependencies。
- ts-toolbelt - 大型 TypeScript 型別工具集
- string-ts - 適用於各種用途的強型別字串函式
- lib-result - 輕量、受 Rust 啟發的
Result型別,供 TypeScript 與 JavaScript 進行型別安全的錯誤處理。 - iso-locale - 完整的 TypeScript 函式庫,提供處理國家、語言、方言與貨幣的 ISO 標準。
CSS-in-JS 型別支援
Section titled “CSS-in-JS 型別支援”- PandaCSS - CSS-in-JS,於建置時產生樣式,支援 RSC、多變體與一流的開發者體驗
- Vanilla-Extract - 使用 TypeScript 作為前處理器。撰寫具型別安全、區域限定的類別、變數與佈景主題,再於建置時產生靜態 CSS 檔案
- StyleX - 用於定義最佳化使用者介面樣式的 JavaScript 函式庫
- json-decoder - 型別安全的 JSON 解碼器與執行階段檢查器
- typescript-is - 可產生執行階段型別檢查的 TypeScript 轉換器。
- type-plus - 額外的型別與型別調整工具
- Agent Framework 使用裝飾器為類別與方法建立攔截器
- SunTori - JSON 序列化/反序列化工具,確保執行階段的安全性。
- config - 執行階段設定解析器
- @core/match - 具型別安全的解構指派與模式比對驗證
- io-ts - 用於 IO 解碼/編碼的執行階段型別系統
- zod - 以 TypeScript 為優先,並可靜態推斷型別的結構描述驗證工具
- valibot - Valibot 是一個可靜態推斷型別的 Typescript 結構描述函式庫,與 Zod 相比格外輕量,且沒有相依套件。
- runtypes - 為靜態型別提供執行階段驗證
- ts-codec - 用於編碼、解碼與驗證資料的 TypeScript Codec
- ow - 讓人輕鬆使用的函式引數驗證
- superstruct - 簡單且可組合的資料驗證方式
- computed-types - 🦩 類似 Joi 的 TypeScript 驗證工具
- json-schema-to-ts - 從 JSON 結構描述動態推斷型別
- Yunomix - 以 AOP 形式設計的表單驗證工具組。
- typia - 使用純 TypeScript 型別、速度快 20,000 倍的執行階段驗證器。只需一行,例如
typia.assert<T>(input)。也支援快 200 倍的 JSON 序列化與 Protocol Buffer 功能。🚀 (另請參閱 https://typia.io/docs) - fta - 以 Rust 為基礎的靜態分析工具,用於監控程式碼品質
- dto-classes - 對開發者友善的剖析、驗證與序列化工具。預設採用靜態型別,以屬性而非裝飾器定義欄位結構描述。
- iso-locale - 完整的 TypeScript 函式庫,提供處理國家、語言、方言與貨幣的 ISO 標準。
以 TypeScript 打造
Section titled “以 TypeScript 打造”行動應用程式
Section titled “行動應用程式”- :octocat: ReactNative - 使用 React 建立 Android、iOS 等平台的原生應用程式
- :octocat: NativeScript - 開源框架,使用 JavaScript 建置跨平台、真正原生的 iOS、Android 與 Windows 行動應用程式
- Monaco Editor
- :octocat: Angular - 用於建置行動與桌面網頁應用程式的開發平台
- :octocat: It-Tools - 為開發者提供的實用線上工具集,具備優異的使用者體驗
- :octocat: Fedify - 使用 ActivityPub 與聯邦宇宙打造聯邦式伺服器應用程式的 TypeScript 框架
- :octocat: feednext.io - 用 Typescript 建置用戶端與伺服器端的開源社群媒體應用程式。
- :octocat: ionic - 以 TypeScript 建置的開源行動應用程式開發框架
- :octocat: React-UWP - 實作 Microsoft UWP Design 與 Fluent Design 的 React 元件。
- :octocat: palantir/plottable - 建構於
D3之上的模組化圖表元件函式庫 (另請參閱: http://plottablejs.org) - :octocat: APIs-guru/graphql-voyager - 將任何 GraphQL API 呈現為互動式圖表 🛰️
- :octocat: Rebilly/ReDoc - 從 OpenAPI/Swagger 產生的 API 參考文件
- :octocat: excaliburjs/Excalibur - 免費的開源 JavaScript 遊戲引擎
- :octocat: Bobril - 受 Mithril 與 ReactJs 啟發、以元件為核心的框架 (另請參閱: http://bobril.com/)
- :octocat: Stencil - 建置現代 Web Components 的工具
- :octocat: Langfuse - 開源 LLM 工程平台 🪢 - 追蹤、提示管理、評估與分析
- :octocat: redux-zero - 以 Redux 為基礎的輕量狀態容器
- :octocat: wretch - 建構於 fetch 之上的小巧(gzip 後小於 2.2Kb)包裝函式,語法直覺易用。
- :octocat: Cycle.js - 提供可預測程式碼的函數式反應式 JavaScript 框架。
- :octocat: Tridactyl - Firefox 瀏覽器擴充套件,以真正編輯器 Vim 為模型取代瀏覽器的控制方式。
- :octocat: armour/vue-typescript-admin-template - vue-cli 3.0 與 typescript 精簡管理介面範本,也是可供正式環境使用的前端管理介面解決方案(示範)
- :octocat: n8n.io - 開源工作流程自動化工具
- :octocat: Dnote - 支援多裝置同步與網頁介面的命令列筆記本。
- :octocat: Thin Backend - 適用於單頁應用程式的即時後端,透過從 Postgres 結構描述衍生型別,實現端對端型別安全
- :octocat: Flowbite - 建構於 Tailwind CSS 之上的開源元件函式庫,提供以 TypeScript 撰寫的互動式 UI 元件
- :octocat: ILLA Cloud - 開源低程式碼平台,是 Retool 與 Appsmith 的替代方案,讓開發者可在幾分鐘內打造內部工具。
- :octocat: Treehouse - 用於打造自有筆記工具的輕量開源函式庫。
- :octocat: GOUI - 提供大量元件、用於建置網頁應用程式的開源使用者介面函式庫
- :octocat: InDom - 小於 4KB、與技術堆疊無關的現代 DOM 函式庫,具備自動清理功能,並以 TypeScript 撰寫且提供型別定義。
- :octocat: Bubble Lab - 開源、以 TypeScript 為原生語言的工作流程自動化平台,具備 AI 輔助產生、完整可觀測性與可匯出程式碼。
網頁/ReactJS
Section titled “網頁/ReactJS”- :octocat: facebook/create-react-app 不需建置設定即可使用 typescript 建立 React 應用程式
- :octocat: Microsoft/TypeScript-React-Starter TypeScript 與 React 起始範本,附有說明如何搭配使用兩者的詳細 README;以
create-react-app為基礎 - :scroll: typescript-cheatsheets/react-typescript-cheatsheet 為開始使用 TypeScript 的資深 React 開發者準備的速查表
- :octocat: jsxtyper 從 .jsx 檔案產生 TypeScript 介面
- :octocat: TodoMVC • TypeScript + React Example
- :octocat: Veritas Kanban - 自架式 Kanban 看板,整合 AI 代理,使用 React 19、TypeScript strict mode 與 Vite 6 建置,並包含 1,255 項測試。
- :scroll: Working with React and TypeScript
- :guardsman: vortigern - A universal boilerplate for building web applications w/ TypeScript, React, Redux and more.
- :robot: Convert React code to TypeScript automatically
- :octocat: React Server Example TSX 使用 TypeScript 與 React 伺服器端轉譯的同構網頁應用程式樣板
- :octocat: React & Redux in TypeScript - Static Typing Guide 使用 TypeScript 為「React & Redux」加上靜態型別的完整指南
- :octocat: Typescript Monorepo CRA Example - 精簡的 CRA + typescript 單一儲存庫範例。
- :octocat: Typescript Monorepo Next Example - 精簡的 next.js + typescript 單一儲存庫範例。
- :stars: Crisp React React 用戶端與 Express 後端的樣板。提供效能與擴充功能,協助避免常見的 React-Express 問題。
- :book: React by Example 為程式設計師提供以程式碼為核心的 React 教學
- :octocat: Materio Free MUI React NextJS Typescript Admin Template - 功能強大且完整的免費 MUI React NextJS 管理儀表板範本,專為開發者打造。使用 Typecript 與 JavaScript 製作。
- :octocat: Flowbite React - 以 React、TypeScript 與 Tailwind CSS 為基礎的開源元件函式庫
- :octocat: react-feedback-surveys - 輕量、零相依的問卷元件,可在 React 應用程式中收集使用者意見(NPS、CSAT、CES),並完整支援 TypeScript
平台工程與 DevOps
Section titled “平台工程與 DevOps”- :octocat: CDK8s - 使用 TypeScript 定義 Kubernetes 應用程式與可重複使用的抽象
- :octocat: AWS CDK - 使用 TypeScript 定義雲端基礎架構的 Cloud Development Kit
- :octocat: Pulumi - 使用 TypeScript、JavaScript、Python、Go 與 .NET 實作基礎架構即程式碼
- :octocat: Backstage - 使用 TypeScript 撰寫、用於建置開發者入口網站的平台
後端 API
Section titled “後端 API”- :octocat: Actio - 用於單體應用程式與微服務的 Node.js 框架。
- :octocat: design-first - 用於 Typescript 的 REST API 樣板引擎
- :octocat: Fastify - 快速且低負擔的 Node.js 網頁框架
- :octocat: Hono - 小巧、簡單且極速的邊緣網頁框架,可在任何 JavaScript 執行環境運作
- :octocat: Nest - 漸進式 Node.js 框架,以 TypeScript 為基礎打造高效、可擴充且企業級的伺服器端應用程式 🚀 (另請參閱: https://nestjs.com/)
- :octocat: nestia - 使用
typia裝飾器,驗證速度快 20,000 倍、JSON 序列化速度快 200 倍。可直接將純 TypeScript 介面型別用作 DTO,整體伺服器效能提升約 30 倍。也支援 SDK(含型別定義的fetch函式集合)與 Mockup Simulator(內嵌於 SDK 的後端伺服器模擬器)產生,甚至只需swagger.json檔案即可遷移 NestJS 專案。🚀 (另請參閱: https://nestia.io/docs)
- :octocat: nestia - 使用
- :octocat: LoopBack 4 - 高度可擴充的 Node.js 與 TypeScript 框架,用於建置 API 與微服務。:rocket: (另請參閱: https://loopback.io/)
- :octocat: FoalTS - 簡單、直覺且完整的框架,適合建置企業級 Node.JS 應用程式 :boom: :rocket: (另請參閱: https://foalts.org)
- :octocat: Enso - TypeScript 優先的 Node.JS 框架,受領域驅動設計原則啟發,著重組合能力與開發者體驗
- :octocat: Libstack - 各種模組的集合,可輕鬆建立並部署至 Docker 的 Typescript 伺服器。
- :octocat: tinyhttp - 以 TypeScript 撰寫並編譯為原生 ESM 的現代 Express 風格 Node.js 網頁框架。
- :octocat: ZenTS - 以 Node.js 與 TypeScript 為優先、用於建置豐富網頁應用程式的現代框架
- :octocat: Booster Framework - 事件驅動、雲端原生的 GraphQL 開源框架,屬於 Booster Cloud 生態系。運用高階抽象與慣例 (另請參閱: https://booster.cloud)
人工智慧(AI)
Section titled “人工智慧(AI)”- :octocat: MastraAI - 採用特定設計理念的 TypeScript 框架,協助你快速建置 AI 應用程式與功能。
- :octocat: VoltAgent - 用於建置與執行 AI 代理的 TypeScript 框架,支援工具、記憶與可視性。
- :octocat: Tambo - 用於建置支援 MCP 生成式 UI 的 React SDK。
- :octocat: Maxim AI - 啟用 Maxim 可觀測性的 JS/TS SDK。Maxim 是企業級評估與可觀測性平台 (另請參閱: https://getmaxim.ai)
- :octocat: rehydra - 零信任 SDK,在傳送提示至 LLM 前於本機將個人識別資訊匿名化,並可無縫還原回應。
獨立應用程式
Section titled “獨立應用程式”- :octocat: Visual Studio Code - 跨平台 IDE。
- :octocat: alm - 以 TypeScript 與 React 撰寫、專為 TypeScript 打造的新一代 IDE
- :octocat: App Outlet - 以 TypeScript 與 Angular 撰寫、適用於 AppImages/Flatpaks/Snaps 的通用 Linux 應用程式商店
- :octocat: SnowFS - 用於圖形檔案的快速、可擴充版本控制儲存系統
- :octocat: MemFree - 開源混合式 AI 搜尋引擎,可即時從網際網路、書籤、筆記與文件取得精確解答,支援一鍵部署。
- :octocat: Nostream - 以 TypeScript 撰寫的 Nostr Relay
- :octocat: Peekaping - 正常運作時間監控解決方案,可監控網站、API 與服務,並提供即時通知、精美狀態頁面及完整分析
Chrome 擴充功能
Section titled “Chrome 擴充功能”- OctoLinker
- lc-mate - 在 LC 使用者名稱旁顯示競賽評分的擴充功能
- :octocat: Design Patterns implementation - 實作 GoF 廣為人知的 23 種模式
- :octocat: Real World Design Patterns - 附有測試的真實世界設計模式
- :octocat: Performance Decorators - TypeScript 效能最佳化裝飾器集,包含執行時間記錄、記憶體使用量監控等功能。
- :octocat: SuperJSON - 安全地將 JavaScript 運算式序列化為 JSON 的超集,包含 Dates、BigInts 等
- :octocat: Procedurem - 小巧(2kb)且高效能的雙向 RPC 函式庫,使用 WebSockets。
- :octocat: RxJS - JavaScript 反應式程式設計函式庫。
- :octocat: xstream - 極易上手、小巧且快速的 JavaScript 函數式反應式串流函式庫。
- :octocat: mockt - 讓人愉快的 Typescript 與 Javascript 模擬函式庫
- :octocat: substitute.js - 從 NSubstitute 移植而來、採用流暢介面的 TypeScript 模擬函式庫。
- :octocat: TypeMoq - 簡單的 TypeScript 模擬函式庫。
- :octocat: fast-check - TypeScript 屬性式測試框架。
- :octocat: Suites - 適用於 TypeScript 後端的單元測試框架,支援控制反轉(IoC)與相依注入框架。
- :octocat: InversifyJS - 強大且輕量的控制反轉容器與相依注入工具,適用於由 TypeScript 驅動的 JavaScript 與 Node.js 應用程式。
- :octocat: TypeORM - TypeScript 與 JavaScript(ES7、ES6、ES5)的 ORM。支援 MySQL、PostgreSQL、MariaDB、SQLite、MS SQL Server、Oracle、WebSQL 資料庫,可在 NodeJS、Browser、Ionic、Cordova 與 Electron 平台使用。
- :octocat: Safe-TypeORM - 在編譯層級強化
TypeORM,並透過應用程式層級的 join 支援自動效能調校工具。此外,透過型別中繼程式設計確保原始 SQL 查詢的安全性。
- :octocat: Safe-TypeORM - 在編譯層級強化
- :octocat: MikroORM - 以 Data Mapper、Unit of Work 與 Identity Map 模式為基礎的 Node.js TypeScript ORM。支援 MongoDB、PostgreSQL、MySQL 與 SQLite。
- :octocat: DrizzleORM - 輕量 TypeScript ORM,採用類 SQL 函式庫,提供彈性資料存取、適用於無伺服器環境且零相依。
- :octocat: Prisma - 現代化資料庫存取工具(ORM 替代方案),適用於 Node.js 與 TypeScript | PostgreSQL、MySQL 與 SQLite
- :octocat: prisma-markdown: 產生包含 ERD 圖表與說明的 Markdown 文件。
- :octocat: Corgi - TypeScript VIN 解碼器,採用最佳化 SQLite 資料庫。完全離線、解碼時間小於 1 毫秒,完整 NHTSA 資料集僅 21MB。
- :octocat: Neuledge - Neuledge 是通用資料庫語言,提供最先進的資料建模、商業邏輯表示與結構描述驗證工具。
- :octocat: Typetta - 使用 GraphQL 作為結構描述定義語言的 Node.js Typescript ORM | 支援所有主要 SQL 資料庫與 MongoDB。
- :octocat: TypeGQL - 一組可直接從具型別的 TypeScript 類別建立 GraphQL 結構描述的工具。
- :octocat: TSTL - 以 TypeScript 實作 C++ STL(Standard Template Library)。提供容器、迭代器、演算法與函子模組。
- :octocat: ECol - 擴充 TSTL 容器;可派送元素 I/O 事件的集合。
- :octocat: TGrid - Grid Computing Framework,是 TSTL 的網路與執行緒擴充,支援 RFC(Remote Function Call)。
- :octocat: Mutex-Server - 在網路層級控制臨界區,類似 mutex 與 semaphore。
- :octocat: Kalimdor.js - 適用於 Web、Node 與開發者的機器學習函式庫!
- :octocat: prelude.ts - 函數式程式設計:不可變持久集合、Option 與 Either 等結構,以及組合子。
- :octocat: ee-ts - 具型別的事件發射器
- :octocat: io-ts - 執行階段型別驗證
- :octocat: mokia - 整合資料模擬與 HTTP 服務的模擬伺服器。
- :octocat: sub-events - 強型別事件。
- :octocat: ts-audio - 與框架無關且易於使用的
AudioContextAPI 函式庫 - :octocat: tslog - 強大的記錄函式庫,原生支援 TypeScript:提供美觀的插值、原生 V8 堆疊追蹤、機密遮罩,以及以 AsyncLocalStorage 為基礎的 requestId 支援
- :octocat: tsParticles - 輕量函式庫,輕鬆為網站建立粒子動畫(也支援 ReactJS、VueJS、Angular、Svelte 等)
- :octocat: statek - 反應式狀態管理函式庫
- :octocat: Injex - 簡單、具裝飾器且可插拔的 TypeScript 應用程式相依注入框架
- :octocat: tRPC - 用於建置端對端型別安全 API 的 TypeScript 工具組
- :octocat: vard - 以模式為基礎的 TypeScript 提示注入偵測。為 LLM 應用程式提供受 Zod 啟發的 API,驗證時間小於 0.5 毫秒。
- :octocat: interface-forge - 使用 TypeScript 型別與介面建立測試資料工廠
- :octocat: iter-ops - 可迭代物件的操作
- :octocat: Remult - 為全端 TypeScript 應用程式提供端對端型別安全 CRUD 與前後端模型程式碼共用。
- :octocat: Jest - 完整的 JavaScript 測試解決方案,大多數 JavaScript 專案皆可開箱即用。
- :octocat: diod - 立場鮮明且輕量的控制反轉容器與相依注入工具,適用於 Node.js 或瀏覽器應用程式。
- :octocat: @deliberative/crypto - TypeScript/WebAssembly 函式庫,提供公開金鑰密碼學、AEAD 機密盒、Shamir 秘密分享與隨機洗牌。可在 Nodejs、ESM、CommonJS 與瀏覽器執行。
- :octocat: castore - 輕鬆在應用程式中實作 Event Sourcing 的 Typescript 函式庫
- :octocat: sweet-monads - 提供常見 monad(例如
Maybe或Either)與高效能迭代器的 Typescript 函式庫。 - :octocat: simple-mask-money - 💰 簡潔、安全且具型別的金額格式化套件!
- :octocat: Color-Core -
color-core是功能強大且具型別安全的 TypeScript 與 JavaScript 色彩處理函式庫。提供跨多個色彩空間的完整工具組,是需要進階色彩處理的開發者不可或缺的工具。 - :octocat: PigmentTS - 輕量色彩處理與轉換工具。
- :octocat: file-graph - 用於在檔案中儲存圖形並對其查詢的函式庫。
- :octocat: @diy0r/nestjs-rabbitmq - 用於建置 NestJS 微服務與 RabbitMQ 的函式庫。
- :octocat: Onion.JS - 設計並套用包裝函式(即高階函式),同時不破壞型別!以 HotScript 高階型別為基礎。
- :octocat: text-smart-trimmer - 輕量 TypeScript 工具,可修剪文字並選擇保留字詞邊界、標點符號與自訂後綴。
- :octocat: nano-string-utils - 超輕量、零相依的字串工具。可進行 tree-shaking、具備完整型別,並針對現代 JavaScript 最佳化。
- :octocat: safe-fetch - 零相依 fetch 包裝函式,提供安全結果、雙重逾時、智慧重試與標準化 TypeScript 錯誤。
- :octocat: stunk - 輕量且與框架無關的狀態管理函式庫,透過原子區塊實現細粒度反應性,適用於各種 Typescript 應用程式。
- :octocat: blastore - 精簡、高效能的儲存包裝函式,適用於 localStorage、AsyncStorage、記憶體或任何同步/非同步後端,並具備完整 TypeScript 型別安全。
- :octocat: FilterQL - 用於篩選結構化資料的小型查詢語言
- :octocat: ffetch – TypeScript 優先的
fetch包裝函式,提供重試、逾時、斷路器與生命週期掛鉤。執行階段零相依,凡支援fetch的環境皆可使用 - :octocat: iterflow - 強大的迭代器工具,提供統計操作、視窗處理與延遲求值
- :octocat: Nano Queries - 與資料庫無關的查詢建構器,查詢可組合、巢狀與變更。已在正式環境搭配 Postgres、SQLite、PGLite、DuckDB 等使用。
大型語言模型(LLM)
Section titled “大型語言模型(LLM)”- duckduckgo-ai-chat - 提供 Duckduckgo AI Chat API,可免費使用 gpt-4o-mini。
- Neurolink - 通用 AI 開發平台,整合 12 種以上 AI 服務供應商(OpenAI、Anthropic、Google、Bedrock、Azure),支援 MCP、多供應商故障切換及可供正式環境使用的企業級功能。提供 TypeScript SDK 與 CLI。
- rehydra - 零信任 SDK,在傳送提示至 LLM 前於本機將個人識別資訊匿名化,並可無縫還原回應。
:free: 免費課程
Section titled “:free: 免費課程”- Angular Applications with TypeScript(Microsoft Virtual Academy)
- AngularJS with TypeScript made easy(SSW TV)
- Full Stack React GraphQL TypeScript Tutorial - 14 hour course(YouTube)
- Evolving JavaScript with TypeScript 詳細介紹 TypeScript
- Why program in TypeScript? 概述主要語法結構,並聚焦說明使用 TypeScript 而非 JavaScript 撰寫程式的優點
- Functional Programming with TypeScript - 與 Sahand Javid 一起透過這個適合初學者的 YouTube 播放清單探索函數式程式設計,並以 fp-ts 為例建立函式庫。
- Building CRM from scratch with Typescript and Bun - 不使用大型框架,從頭建置真實世界的 CRM 系統。採用 Bun、Typescript 與 Tailwind。
:dollar: 付費課程
Section titled “:dollar: 付費課程”- TypeScript Fundamentals(Pluralsight)
- Practical TypeScript Migration(Pluralsight)
- Angular with TypeScript(Pluralsight)
- Using TypeScript for Large AngularJS Applications(Pluralsight)
- Introduction to TypeScript(Packt)
- Mastering TypeScript(Packt)
- TypeScript: The Complete Developer’s Guide(Udemy)
- Angular with TypeScript(Manning)
- Mastering TypeScript - 2022 Edition(Udemy)
- TypeScript Roadmap
- TypeScript Origins: The Documentary - YouTube 作者:OfferZen Origins
紀錄片邀請核心貢獻者與社群成員參與,包括 Anders Hejlsberg、Steve Lucco、Luke Hoban、Daniel Rosenwasser、Ryan Cavanaugh、Amanda Silver、Matt Pocock、Josh Goldberg 等人!
- @typescriptlang - TypeScript 官方 Twitter 帳號
- @angularjs - 自 2.0 起使用 Typescript 的 Angularjs 官方 Twitter 帳號
- @jntrnr - Microsoft 的 Typescript 專案經理
- @ahejlsberg - 參與 Typescript 專案的 Microsoft 技術院士
(新增於:2023)新增此區段,感謝大家的貢獻。
- 2023 - ⚒ 感謝 Hamza ( @Hamza12700 https://github.com/Hamza12700 ) 提交超過 15 個已合併的 pull request。為讓這份清單跟上現代 TypeScript 專案,做出了卓越貢獻。2023 年度貢獻者。
HagiCode
HagiCode 是面向專案開發的 AI 編碼工作台:豐富、便利的介面互動讓規劃、Agent 執行與專案工作更容易上手和跟進,帶來更投入的開發體驗。
透過豐富、便利的介面互動,讓規劃、Agent 執行與專案工作更容易上手和跟進。
- 智慧OpenSpec 工作流程將意圖轉化為從提案、設計、任務到交付的可執行路徑。
- 高效多 Agent 並行推進研究、實作與審查,並支援多儲存庫變更與你熟悉的 Agent CLI。
- 有趣豐富、便利的介面互動讓規劃、Agent 執行與專案工作更容易上手和跟進,帶來更投入的開發體驗。
下載 Windows 版
分享 HagiCode
讓想法化為交付成果。
HagiCode 是面向專案開發的 AI 編碼工作台:以 OpenSpec 工作流程規劃變更,多 Agent 並行執行,再由 Hero Scenario 讓進度一目了然,將想法化為交付成果。
- 智慧
- OpenSpec 工作流程將意圖轉化為從提案到交付的可執行路徑。
- 高效
- 多 Agent 並行推進研究、實作與審查。
- 有趣
- 豐富、便利的介面互動,讓規劃、Agent 執行與專案工作更容易跟進。
© 2026 HagiCode | Powered By hagilight-starlight@0.21.0 | Branch: main | Commit: 745b50b | Built:




