szsd-ue2 v0.0.6

sjsd-ue

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

目录说明

组件库开发

• package/ 中新增组件，组件名统一使用前缀 Szsd 可参考 SzsdDemoComponent
• package/index 中 export 组件并增加注册处理
• 可在 src/App.vue 中进行开发调试
• 注意要使用 defineOptions 显示声明组件名称，避免Vue的自动推导不生效导致全局注册失败

组件库文档开发

• docs/comps.json 中增加组件说明

  {
    "name": "SzsdDemoComponent",
    "title": "示例组件",
    "description": "组件简介"
  }

• docs/components/ 中增加相关说明文件，文件夹名称要与组件名一致。
• 可通过 :::demo 方式在说明文件中放置使用示例。
  eg: 下面的 SzsdDemoComponent/base 标明了示例代码在 docs/examples/ 目录中的路径

  :::demo
  SzsdDemoComponent/base
  :::

• package/ 中的组件已在扩展 vitepress theme 时全局注册，示例代码中可直接使用。