面向 React、Vue 及更多框架的扩展项目模板

​

模板能力

• 就绪的项目结构： 从一份可用的 manifest、脚本与源码布局开始。
• 针对技术栈的设置： 按照框架与运行时需求选择模板。
• 更快的上手： 几分钟之内从想法到可运行的扩展。
• 一致的默认配置： 减少项目之间和团队成员之间的设置漂移。

​

快速使用

npx extension@latest create my-extension --template=<slug>

​

可用模板

JavaScript

原生 ES 模块，无编译步骤。最快的起步方式。

TypeScript

在 popup、content 与 background 脚本中提供严格类型。

Svelte

编译时 UI 加上极小的运行时，适合 content script。

Vue

为 popup、options 与 content script 接好的单文件组件。

Preact

React API 配 3kB 运行时。在意打包体积时是不错的选择。

React

基于组件的 UI，完整支持 Manifest V3，并为 popup 与 options 接好了热模块替换。

​

工作原理

​

更多模板

• extension-js/examples

​

最佳实践

• 使用模板快速搭建项目。
• 从你已经熟悉的技术栈对应的模板开始。
• 根据项目需求，选择最契合的浏览器扩展上下文。

​

下一步

• 了解 浏览器运行器 如何帮助你验证扩展行为。
• 了解 Extension.js 如何处理 环境变量。