{"id":26286827,"url":"https://github.com/joyceql/tracer-ui","last_synced_at":"2025-07-14T05:36:44.699Z","repository":{"id":126938365,"uuid":"452508494","full_name":"JOYCEQL/tracer-ui","owner":"JOYCEQL","description":"一个vue3的pc端组件库，支持按需加载。","archived":false,"fork":false,"pushed_at":"2022-02-14T14:48:08.000Z","size":169,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-14T20:44:00.015Z","etag":null,"topics":["gulp","pnpm","rollup","vite2","vue3-composition-api"],"latest_commit_sha":null,"homepage":"https://joyceql.github.io/web-doc","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/JOYCEQL.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-27T02:10:58.000Z","updated_at":"2023-10-17T15:44:53.000Z","dependencies_parsed_at":"2023-06-19T02:53:35.154Z","dependency_job_id":null,"html_url":"https://github.com/JOYCEQL/tracer-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/JOYCEQL/tracer-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JOYCEQL%2Ftracer-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JOYCEQL%2Ftracer-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JOYCEQL%2Ftracer-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JOYCEQL%2Ftracer-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JOYCEQL","download_url":"https://codeload.github.com/JOYCEQL/tracer-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JOYCEQL%2Ftracer-ui/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265246220,"owners_count":23734109,"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":["gulp","pnpm","rollup","vite2","vue3-composition-api"],"created_at":"2025-03-14T20:39:24.996Z","updated_at":"2025-07-14T05:36:44.686Z","avatar_url":"https://github.com/JOYCEQL.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tracer-UI\n一个使用vite2构建的支持vue3的PC端组件库\n## 安装\n```shell\n//npm\nnpm install tracer-ui\n//yarn\nyarn add tracer-ui\n//pnpm\npnpm install tracer-ui\n```\n## 全量引入\n\n```js\n//main.js\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport tracer from 'tracer-ui'\nimport 'tracer-ui/lib/style.css'\ncreateApp(App).use(tracer).mount('#app')\n```\n\n## 按需引入\n\n安装babel-plugin-tracer\n```js\n  yarn add  babel-plugin-tracer -D \n```\n在 **babel.config.js** 中添加配置\n```js\nmodule.exports = {\n  plugins: [\n      [\"babel-plugin-tracer\", {\n        \"cssPath\": \"tracer-ui/lib/style/{key}.css\", \n        \"jsPath\": \"tracer-ui/lib/Tracer.es.js\",\n        \"lib\": \"tracer-ui\" \n    }]\n  ]\n}\n```\n然后在main.js中引入\n```js\n//main.js\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport {Button} from 'tracer-ui'\ncreateApp(App).use(Button).mount('#app')\n```\n\n## 单文件组件中直接使用\n\n\n```vue\n\u003ctemplate\u003e\n  \u003ct-button\u003etracer-ui\u003c/t-button\u003e\n\u003c/template\u003e \n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoyceql%2Ftracer-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoyceql%2Ftracer-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoyceql%2Ftracer-ui/lists"}