> ## Documentation Index
> Fetch the complete documentation index at: https://extension.js.org/llms.txt
> Use this file to discover all available pages before exploring further.

# 語言與框架指南

> 看看 Extension.js 支援哪些語言與框架，包含 TypeScript、React、Vue、Svelte、Preact、Sass、Less、CSS Modules 與 WebAssembly。

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

## 依目標選擇

| 目標                  | 從這裡開始                                                                                   |
| ------------------- | --------------------------------------------------------------------------------------- |
| 強型別與更安全的重構          | [TypeScript](/docs/languages-and-frameworks/typescript)                                 |
| 生態豐富的 UI 元件框架       | [React](/docs/languages-and-frameworks/react)                                           |
| 更輕量的 React-like 執行期 | [Preact](/docs/languages-and-frameworks/preact)                                         |
| Vue 單一檔案元件的開發流程     | [Vue.js](/docs/languages-and-frameworks/vue)                                            |
| 現代模組語法              | [ECMAScript modules](/docs/languages-and-frameworks/ecmascript-modules)                 |
| 預設的具區域作用域樣式         | [CSS modules](/docs/languages-and-frameworks/css-modules)                               |
| Sass 或 Less 樣式流程    | [Sass](/docs/languages-and-frameworks/sass)、[Less](/docs/languages-and-frameworks/less) |
| 與瀏覽器安全相容的 Node 決策   | [瀏覽器擴充功能中的 Node API](/docs/languages-and-frameworks/node)                               |
| 效能吃重的 Wasm 工作負載     | [WebAssembly](/docs/languages-and-frameworks/webassembly)                               |

## 建議的進展順序

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

## 下一步

* 在 [Integrations](/docs/integrations/index) 中加入生態工具。
* 在 [Commands reference](/docs/commands/index) 中釐清指令使用方式。

## 影片導覽