开源
vitesse-webext 是一个为 WebExtension 提供快速开发基础的 Vite 启动模板,支持 Vue 3、TypeScript、UnoCSS 等现代前端技术。该模板提供了一个清晰的文件结构,包括弹出页面、选项页面和内容脚本等组件,以及开发和构建所需的脚本。开发者可以通过 GitHub 模板创建新的仓库,或者使用 npx degit 命令将其克隆到本地。
关于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 个叉子。