{"id":30666963,"url":"https://github.com/cinob/vue3-chrome-ext-template","last_synced_at":"2025-08-31T22:21:52.920Z","repository":{"id":59226209,"uuid":"365098090","full_name":"cinob/vue3-chrome-ext-template","owner":"cinob","description":"Vue3谷歌插件开发模板","archived":false,"fork":false,"pushed_at":"2023-03-17T07:26:48.000Z","size":304,"stargazers_count":57,"open_issues_count":0,"forks_count":15,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-30T07:37:58.418Z","etag":null,"topics":["chrome","extension","template","vue3"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cinob.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-07T02:59:35.000Z","updated_at":"2025-06-24T03:13:05.000Z","dependencies_parsed_at":"2022-09-15T00:50:13.428Z","dependency_job_id":null,"html_url":"https://github.com/cinob/vue3-chrome-ext-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/cinob/vue3-chrome-ext-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cinob%2Fvue3-chrome-ext-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cinob%2Fvue3-chrome-ext-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cinob%2Fvue3-chrome-ext-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cinob%2Fvue3-chrome-ext-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cinob","download_url":"https://codeload.github.com/cinob/vue3-chrome-ext-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cinob%2Fvue3-chrome-ext-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273048702,"owners_count":25036624,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-31T02:00:09.071Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome","extension","template","vue3"],"created_at":"2025-08-31T22:21:06.797Z","updated_at":"2025-08-31T22:21:52.911Z","avatar_url":"https://github.com/cinob.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue3-chrome-ext-template\nVue3 Chrome Extension Template\nVue3 谷歌插件开发模板\n\n## 参考文章链接\n\n- [ 谷歌插件开发文档 ](https://developer.chrome.com/docs/extensions/mv3/ \"谷歌插件开发文档\")\n- [【干货】Chrome插件(扩展)开发全攻略](https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html \"【干货】Chrome插件(扩展)开发全攻略\")\n\n## Let's go\n  ### 下载[vue3-chrome-ext-template](https://github.com/cinob/vue3-chrome-ext-template \"vue3-chrome-ext-template\")模板\n  ```bash\n  // 纯净模板\n  npx degit cinob/vue3-chrome-ext-template your-program\n  // or 克隆代码\n  git clone https://github.com/cinob/vue3-chrome-ext-template.git\n  ```\n  \n  ### 进入项目目录，安装依赖包\n  \n  ```bash\n  pnpm install\n  ```\n  \n  ### 启动项目\n  \n  ```bash\n  pnpm dev\n  ```\n  \n  ### 目录结构\n\n  ```bash\n  ├─pages\n    ├─background  // 常驻后台的插件脚本\n    ├─content     // 注入页面的脚本 (可以获取页面dom...)\n    ├─options     // 插件的配置页\n    └─popup       // 点击右上角插件图标展示的页面\n  ├─manifest.json // 谷歌插件配置文件\n  ```\n\n  ### 运行到谷歌浏览器\n  \n - 点击谷歌浏览器右上角三个点 -\u003e 更多工具 -\u003e 扩展程序 -\u003e 打开右上角开发者模式 -\u003e 加载已解压的扩展程序 -\u003e 选择我们项目目录下dist文件夹 -\u003e 启用插件并更新插件列表\n  \n - 此时浏览器右上角插件列表已经成功加载出我们名为`vue3-chrome-ext`的插件\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcinob%2Fvue3-chrome-ext-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcinob%2Fvue3-chrome-ext-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcinob%2Fvue3-chrome-ext-template/lists"}