%20(2).svg)
项目简介
本项目是基于React 18、React Router V6、AntDesign 5以及TypeScript等技术构建的Chrome插件开发模板。采用最新的Chrome Extensions Version 3 API进行开发，适用于谷歌浏览器插件的第三版API开发。运用工程化开发流程，提升了开发效率和代码质量。需注意，由于使用了Chrome Extensions V3 API，要求Chrome版本必须大于97。
项目的主要特性和功能
- React 18：提供高效的组件化开发体验。
- React Router V6：用于路由管理，使插件页面间的跳转更流畅。
- AntDesign 5：作为UI框架，提供丰富美观的UI组件。
- TypeScript：进行静态类型检查，提高代码的可读性和可维护性。
- Chrome Extensions Version 3 API：遵循最新的API规范，确保插件的兼容性和稳定性。
安装使用步骤
1. 复制项目
将项目复制到本地。
2. 进入项目目录
shell
cd chrome-extension-v3-antd-react-template
3. 安装依赖
使用Yarn安装项目依赖：
shell
yarn install
4. 启动开发模式
启动开发模式，项目根目录将生成一个/build目录：
shell
yarn devAndWatchPublic
5. 编译和打包插件
编译并打包插件，生成/build目录和一个build.zip文件：
shell
yarn buildAndPack
6. 安装插件
- 打开浏览器的插件管理页面。
- 开启开发模式。
- 加载已解压的扩展插件，选择项目根目录下生成的
/build目录，点击确定即可安装成功。 - 安装后，在地址栏右侧即可看到插件图标，点击进入预览效果。
其他资料
- Ant Design 文档：Ant Design 官方文档
- Chrome插件开发英文文档V3：Chrome Extensions Developer Documentation
- Chrome插件开发中文文档V3：Chrome插件开发中文手册
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】