【源码】基于Vite和React的Chrome插件开发模板

项目简介

本项目是基于Vite和React的Chrome插件开发模板，提供了现代化且高效的开发环境，集成了React、Ant Design和Unocss等工具，可有效简化Chrome插件的开发流程。

项目的主要特性和功能

1. 开发环境：采用Vite作为构建工具，实现快速的模块热替换和高效构建。
2. React集成：支持用React开发popup、background和content_scripts等页面。
3. UI组件：集成Ant Design，提供丰富美观的UI组件来构建界面。
4. 样式管理：使用Unocss管理样式，简化样式开发。
5. 实用功能：具备可拖拽悬浮球、基础录制功能以及shadow - dom的样式注入。
6. 开发流程：通过简单命令就能启动开发服务器、构建生产版本或运行单元测试。

安装使用步骤

1. 安装依赖：在终端进入项目目录，运行 npm install 或者 pnpm install 安装依赖。
2. 启动开发：运行 npm run dev 或者 pnpm dev 启动开发服务器。
3. 编写代码：根据项目需求编写Chrome插件代码。
4. 构建版本：完成开发后，运行 npm run build 或者 pnpm build 构建生产版本。
5. 测试调试：在本地对插件进行测试与调试，确保功能正常。
6. 打包发布：用Chrome插件开发工具将构建好的插件打包成 .crx 格式，提交到Chrome插件商店发布。

注意：开发时需遵守Chrome插件开发的相关规范，特别是浏览器权限和API使用部分，具体功能需根据需求自行实现和扩展。

下载地址

点击下载 【提取码: 4003】