TypeScript 瀏覽器擴充功能範本 - Extension.js

TypeScript template preview

建立專案

npx extension@latest create my-extension --template=typescript

pnpx extension@latest create my-extension --template=typescript

yarn dlx extension@latest create my-extension --template=typescript

bunx extension@latest create my-extension --template=typescript

deno run -A npm:extension@latest create my-extension --template=typescript

你會獲得什麼

在 sidebar 面板、content 與 background script 之間提供靜態型別，並已設定 chrome 與 browser API 的型別。在編譯期就能抓到 manifest、messaging 與權限相關的錯誤，不必等到瀏覽器主控台才看到問題。對於希望在擴充功能成長時仍保有重構信心的團隊，這是穩固的選擇。

原始碼

在 GitHub 瀏覽完整原始碼：extension-js/examples/typescript。

影片導覽