> ## 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 模块和 WebAssembly。

为各个扩展界面选择合适的语言和 UI 框架策略，并借助 Extension.js 的默认设置把配置降到最低。

## 按目标选择

| 目标                    | 从这里开始                                                                                   |
| --------------------- | --------------------------------------------------------------------------------------- |
| 更强的类型，更安全的重构          | [TypeScript](/docs/languages-and-frameworks/typescript)                                 |
| 生态丰富、组件繁多的 UI         | [React](/docs/languages-and-frameworks/react)                                           |
| 更小的、类 React 运行时       | [Preact](/docs/languages-and-frameworks/preact)                                         |
| Vue 单文件组件工作流          | [Vue.js](/docs/languages-and-frameworks/vue)                                            |
| 现代模块语法                | [ECMAScript 模块](/docs/languages-and-frameworks/ecmascript-modules)                      |
| 默认作用域隔离的样式            | [CSS 模块](/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`）。

## 下一步

* 在[集成](/docs/integrations/index)中加入生态工具。
* 在[命令参考](/docs/commands/index)中保持命令用法清晰。

## 视频讲解