🛠️✨我打造了一个超好用的React18+Tailwind, Chrome插件模板

417 阅读1分钟

亲爱的开发者们,今天我要分享一个我亲手打造的Chrome插件开发模板——一个基于React框架的高效、简洁、易用的模板,让你的开发之路更加顺畅!

🌟 简介 这个模板是我在开发Chrome插件时的心血结晶,它简单易用,功能强大,让插件开发变得轻松愉快。

🚀 主要特性

  • 支持React 18版本的manifest,紧跟技术潮流。
  • 支持background、contentScript、popup的热更新,开发效率翻倍。
  • 集成了vite + react + tailwindcss,前端开发的最佳实践。

🛠️ 开发指南

  1. 克隆或fork本仓库。
  2. 执行pnpm i安装依赖。
  3. 运行pnpm dev,启动开发环境,调试代码将放在local文件夹下。

📦 发布打包

  1. 执行pnpm build,一键打包你的插件。
  2. 打包后的代码将放在extension文件夹下,准备发布到Chrome Web Store。

🔍 使用场景 无论是个人项目还是团队协作,这个模板都能提供强大的支持,让你专注于功能实现,而不是繁琐的配置。

👀 结语 这个React框架的Chrome插件模板是我对前端工程化的一次探索,希望它能帮助更多的开发者,让插件开发变得更加简单和高效。

前往代码仓库