chrome-extension

chrome-extension

chrome 插件开发 调研

1. 原生的插件开发

/simple-ext

从零深入Chrome插件开发 掘金

2. kocal/vue-web-extension

/vue-web-ext

Building Chrome Extensions with Vue.js How to Build a Chrome Extension with Vue

Unable to create a vue-web-extension from vue-cli
Cannot serve and build
Webpack 5 support?

使用

# vue init kocal/vue-web-extension [NAME OF YOUR EXTENSION]
vue create --preset kocal/vue-web-extension vue-web-ext 

这个项目问题太多了 换别的实现

3. vue3-chrome-ext-template

/vue3-chrome-ext

vue3-chrome-ext-template

比较简单的项目模板

4. vue-cli-plugin-chrome-extension-cli

/vue-plugin-cli

vue-cli-plugin-chrome-extension-cli

有配置脚手架
没有优化开发环境??? 使用 npm run build-watch
Extensions Reloader

值得参考

实现分析

项目框架

• 路径
• vue-router
• pinua
• antd https://www.antdv.com/components/overview-cn

5. vite

Chrome Extension (Vue 3 + Vue Router + Typescript + Vite + TailwindCSS)

/vite-ext

6. 官方 vue dev 插件如何编写的

7. vue 模板项目原理

8. vue add 插件原理

vuecli 插件和 Preset
vuecli 插件开发指南
vue add 插件原理