{"id":24998182,"url":"https://github.com/geminate/vue-visual-track","last_synced_at":"2025-04-12T06:24:43.448Z","repository":{"id":37213164,"uuid":"197693120","full_name":"geminate/vue-visual-track","owner":"geminate","description":"针对 Vue 移动端项目的的可视化埋点探索","archived":false,"fork":false,"pushed_at":"2022-12-10T22:57:08.000Z","size":4270,"stargazers_count":13,"open_issues_count":21,"forks_count":6,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-26T01:51:07.460Z","etag":null,"topics":["tracking","vue","vue-js"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/geminate.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":"2019-07-19T03:10:06.000Z","updated_at":"2024-02-29T04:53:00.000Z","dependencies_parsed_at":"2023-01-26T12:15:51.935Z","dependency_job_id":null,"html_url":"https://github.com/geminate/vue-visual-track","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geminate%2Fvue-visual-track","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geminate%2Fvue-visual-track/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geminate%2Fvue-visual-track/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geminate%2Fvue-visual-track/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geminate","download_url":"https://codeload.github.com/geminate/vue-visual-track/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248526370,"owners_count":21118875,"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","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":["tracking","vue","vue-js"],"created_at":"2025-02-04T17:39:52.968Z","updated_at":"2025-04-12T06:24:43.419Z","avatar_url":"https://github.com/geminate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-visual-track\n\n\u003e 针对 Vue 移动端项目的的可视化埋点探索。\n\n\u003e 在可视化界面中圈选需要埋点的 DOM 元素，选择埋点方式，生成外部 JS 文件，在 VUE 项目中无痕引入。\n\n\u003e 由于买点需求灵活复杂，本项目仅为可视化埋点方向探索，并未实现详尽的埋点功能。\n\n#### 运行/打包方法\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:9080\nnpm run dev\n\n# build electron application for production\nnpm run build\n\n\n# lint all JS/Vue component files in `src/`\nnpm run lint\n\n```\n\n#### 使用方法\n1. 页面顶部地址栏中输入 Vue 项目地址\n2. 点击中部的箭头图标，在页面中指向需要添加埋点的DOM元素，按下 Ctrl+Q 快捷键\n3. 在弹框中输入相关埋点信息后保存\n4. 重复第2、3步，直到整个项目的埋点添加完成\n5. 点击右侧保存图标，生成 JS 文件\n6. 在对应 VUE 项目中引入生成的 JS 文件，完成可视化无痕埋点\n\n#### 备注\n1. 目前仅支持 Vue 项目，且 Vue 项目仅支持 hash 路由模式\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeminate%2Fvue-visual-track","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeminate%2Fvue-visual-track","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeminate%2Fvue-visual-track/lists"}