{"id":27957825,"url":"https://github.com/tencentcloudbase/lowcode-comps-template-vue3","last_synced_at":"2025-05-07T18:14:49.535Z","repository":{"id":250130106,"uuid":"830840751","full_name":"TencentCloudBase/lowcode-comps-template-vue3","owner":"TencentCloudBase","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-09T07:54:52.000Z","size":27,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-07T18:14:46.463Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/TencentCloudBase.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-07-19T05:43:25.000Z","updated_at":"2025-04-09T07:54:56.000Z","dependencies_parsed_at":"2024-07-25T11:12:04.409Z","dependency_job_id":"e29fa0ce-cebc-4935-a54d-a98d9e0f1a76","html_url":"https://github.com/TencentCloudBase/lowcode-comps-template-vue3","commit_stats":null,"previous_names":["tencentcloudbase/lowcode-comps-template-vue3"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Flowcode-comps-template-vue3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Flowcode-comps-template-vue3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Flowcode-comps-template-vue3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Flowcode-comps-template-vue3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TencentCloudBase","download_url":"https://codeload.github.com/TencentCloudBase/lowcode-comps-template-vue3/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252931527,"owners_count":21827112,"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":[],"created_at":"2025-05-07T18:14:49.052Z","updated_at":"2025-05-07T18:14:49.526Z","avatar_url":"https://github.com/TencentCloudBase.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 腾讯云微搭低代码组件库模板-Vue3 版本\n\n\n[腾讯云微搭低代码]平台支持你将自己的组件导入成低码平台可运行的自定义代码组件，本项目即是腾讯云微搭低代码平台的组件库模板，介绍如何编写一个可以在微搭使用的组件库。\n\n当前支持[小程序组件]、 [react] 和 vue2/3\n\n## 组件库\n\n微搭低码组件库使用各平台/框架标准的组件格式，通过配置类型文件描述组件的行为、出参、入参及元数据等信息和微搭平台做对接。\n\n## 项目目录\n\n主要目录说明：\n\n```\n.\n├── .storybook              # storybook 配置目录\n└── src\n    ├── test                # 测试目录\n    ├── configs             # 组件类型申明目录\n    │   ├── actions         # 组件库方法类型申明\n    │   └── components      # 组件目录类型申明\n    ├── mp                  # 小程序组件\n    │   ├── actions         # 小程序组件方法实现\n    │   └── components      # 小程序组件实现\n    ├── stories             # 组件 story / 测试\n    └── web                 # web 组件\n        ├── actions         # web 组件方法实现\n        └── components      # web 组件实现\n```\n\n\u003c!-- ## 组件库配置\n\nTODO --\u003e\n\n## 开发\n\n组件库开发前置依赖：\n\n1. 进入组件库更目录，安装依赖： `npm i` or `yarn`\n2. 安装云开发命令行工具：`npm i -g @cloudbase/cli` or `yarn global add @cloudbase/cli`\n3. 登录云开发命令行：`tcb login` 并输入密码\n4. 去腾讯云微搭低码控制台创建组件库\n\n### 编写组件\n\n编写能在低码平台运行的组件需要各自平台的**标准组件源码**和**组件描述**。\n\n### 调试和部署\n\n在腾讯云微搭低代码编辑器调试组件库，在当前目录执行：\n\n```\ntcb lowcode debug\n```\n\n组件开发完成后，提交组件到微搭低代码平台：\n\n```\ntcb lowcode publish\n```\n\n组件开发更多信息请[参考文档](https://docs.cloudbase.net/lowcode/custom-components/quick-start/comps.html)。\n\n## 其他\n\n为了让你的组件开发工作更加便捷和稳定，我们集成了 [storybook] 及组件测试工具来辅助组件的开发。虽然 storybook 和组件测试不是必须的，我们仍然建议你使用他们来保证组件始终工作正常。\n\n### 使用 storybook 本地开发\n\n我们已在模板中集成好了 [stroybook] 的使用环境。对于每一个组件你需要\n\n1. 编写 [story](https://storybook.js.org/docs/react/get-started/whats-a-story)，story 是 storybook 的组件状态单元，描述了组件在一组特定状态下的行为。\n2. 当你为组件编写了足够多的用例后，你可以运行 `npm run storybook` 命令来\n\n### 组件测试\n\n我们建议你为你的定义组件编写必要的测试。我们集成进了 jest 和 小程序模拟器来协助组件的多端测试。\n\n对于 web 组件我们建议利用编写的 [story 来进行组件测试](https://storybook.js.org/docs/react/workflows/testing-with-storybook)。\n\n编写完测试用例后运行 `npm test` 执行测试命令。\n\n组件测试请参考：\n- https://github.com/wechat-miniprogram/miniprogram-simulate\n- https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/unit-test.html\n- https://jestjs.io/docs/snapshot-testing\n- https://storybook.js.org/tutorials/intro-to-storybook/react/en/test/\n\n[腾讯云微搭低代码]: (https://cloud.tencent.com/product/weda)\n[小程序组件]: (https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)\n[react]: (https://reactjs.org/)\n[storybook]: (https://storybook.js.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentcloudbase%2Flowcode-comps-template-vue3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentcloudbase%2Flowcode-comps-template-vue3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentcloudbase%2Flowcode-comps-template-vue3/lists"}