本地开发

初始化项目

执行:

shell
pnpm i

将安装全部依赖。

文档站预览

执行:

shell
pnpm docs:dev

将启动文档站,可预览现有全部组件。

本地开发流程

详见仓库中的 参与贡献说明

  1. 执行:
shell
pnpm dev

将启动本地开发环境。

  1. play/src/App.vue 中引入你正在开发的组件:
App.vue
vue
<template>
  <ComponentYouAreDeveloping />
</template>

<script setup lang="ts">
// 请确保该组件已在 @uniboot-ui/components 中注册
</script>

按需修改 App.vue 即可调试。

开发中常用的其他命令

生成组件模板

执行:

shell
pnpm gen <component-name>
# 例如
pnpm gen awesome
pnpm gen awesome-button

会在 packages/components/awesomepackages/components/awesome-button 等目录生成组件模板。

同步语言包字段

执行:

shell
pnpm locale:sync

会将 en.ts 中的新增字段同步到其他语言文件,并添加注释 // to be translated