语言和框架指南 - Extension.js

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

按目标选择

目标	从这里开始
更强的类型，更安全的重构	TypeScript
生态丰富、组件繁多的 UI	React
更小的、类 React 运行时	Preact
Vue 单文件组件工作流	Vue.js
用最小运行时编译出的组件	Svelte
现代模块语法	ECMAScript 模块
默认作用域隔离的样式	CSS 模块
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 文件永远不会。

下一步

在集成中加入生态工具。
在命令参考中保持命令用法清晰。