範本提供的能力
- 可用的專案結構： 從可運作的 manifest、scripts 和原始碼配置起步。
- 針對技術棧的設定： 依框架與執行環境需求挑選範本。
- 更快上手： 幾分鐘內就能從想法走到可執行的擴充功能。
- 一致的預設值： 減少不同專案與團隊成員之間的設定差異。
快速使用
<slug> 替換成你想要的範本名稱。
可用的範本
挑選符合你專案的技術棧預設。每張卡片都會建立一個最小、可執行、附帶可運作manifest.json 的擴充功能。
JavaScript
純 ES modules，不需編譯步驟。最快的起步方式。TypeScript
為 popup、content 與 background script 提供嚴格型別。Svelte
編譯期 UI，搭配極小的 runtime，適合 content script。Vue
以單檔元件串接 popup、options 與 content script。Preact
以 3kB runtime 提供 React API。當打包大小重要時是合適選擇。React
以元件為核心的 UI，完整支援 Manifest V3，並為 popup 與 options 提供 hot module replacement。運作方式
當你執行create --template=<slug> 時，Extension.js 會抓取所選範本、建立專案檔案，並可選擇性地安裝相依套件。
更多範本
在 examples 儲存庫中找到官方範本原始碼： 範本資料夾名稱會直接對應到--template=<slug>。
最佳實務
- 用範本快速建立你的專案結構。
- 從你已熟悉的技術棧範本開始。
- 選擇最符合專案需求的瀏覽器擴充功能情境。