vitesse-webext cover image

vitesse-webext

Tool information

开源

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

INFO
Released
Last updated

关于vitesse-webext

🔥 关于 vitesse-webext, 它:

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

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

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

  • 开发和构建工具: 集成了多种开发和构建工具,如 pnpmesnonpm-run-all 和 web-ext

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

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

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

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

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

摘要

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

猜你喜欢