本地开发
初始化项目
执行:
shell
pnpm i将安装全部依赖。
文档站预览
执行:
shell
pnpm docs:dev将启动文档站,可预览现有全部组件。
本地开发流程
详见仓库中的 参与贡献说明。
- 执行:
shell
pnpm dev将启动本地开发环境。
- 在
play/src/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/awesome 与 packages/components/awesome-button 等目录生成组件模板。
同步语言包字段
执行:
shell
pnpm locale:sync会将 en.ts 中的新增字段同步到其他语言文件,并添加注释 // to be translated。