Vue3 Chrome Extension Template Vue3 谷歌插件开发模板
// 纯净模板
npx degit cinob/vue3-chrome-ext-template your-program
// or 克隆代码
git clone https://github.com/cinob/vue3-chrome-ext-template.git// npm
npm install
// yarn
yarn// npm
npm run serve
// yarn
yarn serve├─pages
├─background // 常驻后台的插件脚本
├─content // 注入页面的脚本 (可以获取页面dom...)
├─options // 插件的配置页
└─popup // 点击右上角插件图标展示的页面
├─manifest.json // 谷歌插件配置文件-
点击谷歌浏览器右上角三个点 -> 更多工具 -> 扩展程序 -> 打开右上角开发者模式 -> 加载已解压的扩展程序 -> 选择我们项目目录下dist文件夹 -> 启用插件并更新插件列表
-
此时浏览器右上角插件列表已经成功加载出我们名为
chrome-ext的插件
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent