{"id":14968149,"url":"https://github.com/liuyunhe/sharp-ui","last_synced_at":"2026-02-13T20:04:03.971Z","repository":{"id":235736648,"uuid":"791124361","full_name":"liuyunhe/sharp-ui","owner":"liuyunhe","description":"sharp-ui，一套为开发者准备的基于 Vue 3.0 的桌面端组件库","archived":false,"fork":false,"pushed_at":"2024-11-15T06:16:49.000Z","size":884,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T12:51:26.712Z","etag":null,"topics":["es6","fort-awesome","good-first-issue","postcss","up-for-adoption","up-for-archiving","up-for-grabs","vue3-typescript"],"latest_commit_sha":null,"homepage":"https://liuyunhe.github.io/sharp-ui/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/liuyunhe.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":"2024-04-24T06:23:39.000Z","updated_at":"2024-11-25T13:14:15.000Z","dependencies_parsed_at":"2024-08-20T05:12:46.798Z","dependency_job_id":"1e74de94-ba0c-4500-9a74-ccd879fa7af6","html_url":"https://github.com/liuyunhe/sharp-ui","commit_stats":{"total_commits":216,"total_committers":3,"mean_commits":72.0,"dds":0.01388888888888884,"last_synced_commit":"d60c23becb7225ce54c430f00249b5f023c0c0c8"},"previous_names":["liuyunhe/sharp-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liuyunhe%2Fsharp-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liuyunhe%2Fsharp-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liuyunhe%2Fsharp-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liuyunhe%2Fsharp-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liuyunhe","download_url":"https://codeload.github.com/liuyunhe/sharp-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238235622,"owners_count":19438725,"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":["es6","fort-awesome","good-first-issue","postcss","up-for-adoption","up-for-archiving","up-for-grabs","vue3-typescript"],"created_at":"2024-09-24T13:39:23.500Z","updated_at":"2025-10-26T00:31:09.439Z","avatar_url":"https://github.com/liuyunhe.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sharp-ui\n\n**sharp-ui** 使用最新的 Vue3.4 和 TS 打造的一套网站快速成型工具，地址： [https://liuyunhe.github.io/sharp-ui/](https://liuyunhe.github.io/sharp-ui/)\n\n## 安装\n\n\n```bash\nnpm i @shepardliu/sharp-ui --save\n```\n\n### 开始使用\n\n\u003e**全局使用**\n\n\n```js\n// 引入所有组件\nimport SharpUI from '@shepardliu/sharp-ui'\n// 引入样式\nimport '@shepardliu/sharp-ui/dist/index.css'\n\nimport App from './App.vue'\n// 全局使用\ncreateApp(App).use(SharpUI).mount('#app')\n```\n\n```vue\n\u003ctemplate\u003e\n  \u003cs-button\u003e我是Button\u003c/s-button\u003e\n\u003c/template\u003e\n```\n\n\u003e**单个导入**\n\nsharp-ui 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。\n\n\n```vue\n\u003ctemplate\u003e\n  \u003cButton\u003e我是Button\u003c/Button\u003e\n\u003c/template\u003e\n\u003cscript\u003e\n  import { Button } from '@shepardliu/sharp-ui'\n  export default {\n    components: { Button },\n  }\n\u003c/script\u003e\n```\n\n### 课程亮点\n\n* 亮点1 🔥：“稀有”，目前上市面没有类似的高级课程，由浅入深的高仿 Element-Plus 完成组件库开发的全流程。\n* 亮点2 💧: “专业”，传授大厂前端项目架构设计思想/开发模式/代码规范/流程，不搞小作坊式代码。\n* 亮点3 ⛑️: “全”，精选十几个组件，可以涵盖大部分的主流组件的设计思想以及原理，知识覆盖面全。\n* 亮点4 📚：“新”，使用目前2023年 Vue3 周边最新 ，最全技术：Vue3.2 + Typescript4， Vite，Vitest， Vitepress，Vue-test-utils2，Rollup, Postcss 一网打尽。\n* 亮点5 🎉：“难”，难度逐渐上升，高薪必备敲门砖，包括：Message - Select - Form 这种高难度高复杂组件。\n* 亮点6 🌹：单元测试，被常年忽略但是非常重要的内容，简历加分项，使用最新的 Vitest，Vue-test-utils2 完成单元测试。\n* 亮点7 📚:  文档生成工具，组件库打包和发布以及其他周边流程应有尽有，提供一揽子解决方案。\n* 亮点8 📦: 长期维护以及更新，会根据同学的反馈每年更新几个高频组件。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliuyunhe%2Fsharp-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliuyunhe%2Fsharp-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliuyunhe%2Fsharp-ui/lists"}