語言與框架指南 - Extension.js

為你的擴充功能介面選擇合適的語言與 UI 框架策略，並善用 Extension.js 的預設值，將設定降到最少。

依目標選擇

目標	從這裡開始
強型別與更安全的重構	TypeScript
生態豐富的 UI 元件框架	React
更輕量的 React-like 執行期	Preact
Vue 單一檔案元件的開發流程	Vue.js
以最小執行期編譯出的元件	Svelte
現代模組語法	ECMAScript modules
預設的具區域作用域樣式	CSS Modules
Sass 或 Less 樣式流程	Sass、Less
與瀏覽器安全相容的 Node 決策	瀏覽器擴充功能中的 Node API
效能吃重的 Wasm 工作負載	WebAssembly

建議的進展順序

選擇語言／執行期（TypeScript、React、Preact、Vue 或 Svelte）。
選擇樣式模型（CSS Modules、Sass 或 Less）。
只在需要時，才加入建置／執行期限制（Node APIs、WebAssembly）。

JSX 頁面會依專案安裝的框架編譯：React、Preact 與 Vue（透過 vue/jsx-runtime）。Svelte 元件不是 JSX，仍然透過 svelte-loader 編譯。解析器跟隨副檔名：.tsx 與 .jsx 檔會解析 JSX，.ts 檔永遠不會。

下一步

在 Integrations 中加入生態工具。
在 Commands reference 中釐清指令使用方式。