想开发chrome浏览器插件的话,如果没有一个好的框架支持,那么你只能手写js和html实现了,这样做的话,可能效率没有那么高,所以github上就有一些牛人来定制化了这些操作,将react和vue等开发框架快速集成,实现了使用react和vue来开发chrome浏览器插件的仓库。
1.Plasmo Framework
Plasmo 框架是一款黑客为黑客打造的功能强大的浏览器扩展程序软件开发工具包(SDK)。使用 Plasmo 来构建你的浏览器扩展程序,不需要操心扩展的配置文件和构建时的一些奇怪特性。
github地址:https://github.com/PlasmoHQ/plasmo
中文文档地址:https://github.com/PlasmoHQ/plasmo/blob/main/cli/plasmo/i18n/README.zh-CN.md
2. Chrome Extension (MV3) Boilerplate with React 18 and Webpack 5
这是一个基本的 Chrome 扩展样板,可以帮助你编写模块化和现代化的 Javascript 代码,轻松加载 CSS,并在代码更改时自动重新加载浏览器。
github地址:https://github.com/lxieyang/chrome-extension-boilerplate-react
3.Chrome Extension TypeScript Starter
使用ts和vscode开发浏览器插件的模板仓库
github地址:https://github.com/chibat/chrome-extension-typescript-starter/tree/main
4.Create Chrome Extension (.crx)
github地址:https://github.com/guocaoyi/create-chrome-ext
中文文档地址:https://github.com/guocaoyi/create-chrome-ext/blob/main/docs/README.zh-CN.md
Chrome 插件生成器,支持多种框架模板!
- 🚀 敏捷的热更能力(采用 Vite4)
- 🥡 开箱即用
- 🌈 多种前端框架支持(React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
- 🥢 多语言支持(JavaScript · TypeScript)