vitesse-webext

🔥 关于 vitesse-webext, 它:

• 即时 HMR（热模块替换）: 使用 Vite 提供即时的开发体验，无需手动刷新页面。

• 现代技术栈: 包括 Vue 3、TypeScript、UnoCSS 等现代前端技术，以及 webextension-polyfill 和 webext-bridge 库。

• 组件和样式共享: 提供了共享组件和样式的结构，方便在弹出页面和选项页面中使用。

• 开发和构建工具: 集成了多种开发和构建工具，如 pnpm、esno、npm-run-all 和 web-ext。

• 简化的开发流程: 提供了自动导入和组件自动导入的功能，减少了开发中的重复工作。

• 跨浏览器兼容: 支持 Chrome、Firefox 等多种浏览器，确保扩展程序的通用性。

• 社区贡献: 鼓励社区贡献，并提供了贡献指南和行为准则。

• 开源许可: 采用 MIT 许可证，便于开发者使用和修改。

• 项目活跃度: 拥有较高的星标和叉子数量，表明项目具有一定的影响力和活跃度。

- **即时 HMR（热模块替换）**: 使用 Vite 提供即时的开发体验，无需手动刷新页面。  
- **现代技术栈**: 包括 Vue 3、TypeScript、UnoCSS 等现代前端技术，以及 webextension-polyfill 和 webext-bridge 库。  
- **组件和样式共享**: 提供了共享组件和样式的结构，方便在弹出页面和选项页面中使用。  
- **开发和构建工具**: 集成了多种开发和构建工具，如 `pnpm`、`esno`、`npm-run-all` 和 `web-ext`。  
- **简化的开发流程**: 提供了自动导入和组件自动导入的功能，减少了开发中的重复工作。  
- **跨浏览器兼容**: 支持 Chrome、Firefox 等多种浏览器，确保扩展程序的通用性。  
- **社区贡献**: 鼓励社区贡献，并提供了贡献指南和行为准则。  
- **开源许可**: 采用 MIT 许可证，便于开发者使用和修改。  
- **项目活跃度**: 拥有较高的星标和叉子数量，表明项目具有一定的影响力和活跃度。  

摘要

antfu-collective/vitesse-webext 是一个为 WebExtension 提供快速开发基础的 Vite 启动模板，支持 Vue 3、TypeScript、UnoCSS 等现代前端技术。该模板提供了一个清晰的文件结构，包括弹出页面、选项页面和内容脚本等组件，以及开发和构建所需的脚本。开发者可以通过 GitHub 模板创建新的仓库，或者使用 npx degit 命令将其克隆到本地。开发过程中支持 HMR（热模块替换），提供了一系列的开发工具，如 web-ext、pnpm 等。此外，还支持通过 pnpm build 命令构建扩展程序，并提供了如何打包和发布扩展程序的指南。该项目遵循 MIT 许可证，并提供了行为准则。截至目前，该项目拥有超过 2.7k 的星标和 198 个叉子。