Vue 3 + Vite 实现chrome extension扩展开发热加载!!!

1,078 阅读1分钟

在这篇文章中,我们将介绍如何使用 Vue 3、Vite 和 crxjs 开发一个支持热加载的 Chrome 插件。以下是该插件的主要功能和特点:

main.jpg

Chrome Extension Template Vue模板代码仓库 Github获取源码 ,记得留下star🫡

主要功能

  1. 热加载支持

    • 开发过程中,修改代码后,浏览器会自动更新,无需手动刷新,大大提高开发效率。
  2. 现代化框架

    • 使用 Vue 3 作为前端框架,提供响应式的数据绑定和组件化开发,提升代码可维护性。
  3. 快速构建工具

    • Vite 提供快速的构建和开发体验,支持模块热替换(HMR),使得开发过程流畅无阻。
  4. Chrome 插件支持

    • 使用 crxjs 进行 Chrome 插件的打包和管理,方便开发者专注于功能实现。
  5. 简易的项目结构

    • 项目结构清晰,易于理解和扩展,适合新手和经验丰富的开发者。
  6. 引入了Taliwindcss

    • 不再为命名样式类名而烦恼。

如果你对这个项目感兴趣,欢迎访问我的 Chrome Extension Template Vue模板代码仓库,获取源码和详细文档。希望能与大家一起交流和分享开发经验!