Skip to content

增加新组件的步骤

Kagol edited this page Jun 19, 2024 · 5 revisions

步骤:

  • packages/vue/src/my-component/[package.json | index.ts | src/pc.vue] -- 组件模板
  • packages/vue/package.json -- 组件主包依赖声明
  • packages/renderless/src/my-component/[index.ts | vue.ts] -- 组件逻辑
  • packages/theme/src/my-component/[index.less | vars.less] -- 组件样式
  • packages/modules.json -- 组件入口配置 MyComponent path="vue/src/my-component/index.ts" / MyComponentPc path="vue/src/my-component/src/pc.vue"
  • examples/sites/demos/apis/my-component.js -- 组件 API 文档
  • examples/sites/demos/pc/app/my-component/webdoc/[my-component.cn.md | my-component.en.md | my-component.js] -- 组件 Demo/API 配置
  • examples/sites/demos/pc/app/my-component/[basic-usage-composition-api.vue | basic-usage.spec.ts | basic-usage.vue] -- 组件 Demo 文档和E2E测试用例
  • examples/sites/demos/pc/menus.js -- 左侧组件菜单配置

示例PR:https://github.com/opentiny/tiny-vue/pull/1683