SheepNav
Extro

Extro

extro.app

用现代框架体验构建Chrome扩展

11天前制作者:Sahil Mulani

关于 Extro

Extro 是一款专为 Chrome 扩展开发打造的框架,它将 Next.js 式的开发体验带入扩展世界。通过文件系统路由、自动生成 Manifest V3、React Fast Refresh、TypeScript 支持以及一键初始化,让开发者能够像构建现代 Web 应用一样高效地创建扩展。

核心功能

Extro 的核心在于将扩展的各个表面(如弹出页、选项页、背景脚本等)映射为文件系统路由,开发者只需在对应目录下创建文件即可自动注册。框架自动生成符合 Manifest V3 规范的配置文件,无需手动编写。同时,内置的 React Fast Refresh 让 UI 修改即时生效,大幅提升迭代速度。

主要特性

  • 文件系统路由:扩展的每个页面和脚本都对应一个文件,结构清晰,无需手动配置。
  • 自动 Manifest V3 生成:根据文件结构智能生成 manifest.json,确保符合最新规范。
  • React Fast Refresh:开发时实时热更新,保持组件状态,体验流畅。
  • TypeScript 支持:开箱即用,提供类型安全,减少运行时错误。
  • 一键初始化:通过 npx create-extro 快速创建项目,零配置启动。

适用场景

Extro 适合所有希望用现代 Web 技术栈开发 Chrome 扩展的开发者,尤其是熟悉 React 和 Next.js 的团队。无论是简单的弹出式工具,还是复杂的多页面扩展,都能通过 Extro 获得高效的开发流程。其自动化的 Manifest 管理和热更新特性,特别适合需要频繁迭代的扩展项目。

相关工具