本地开发

启动项目

使用命令

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">
// make sure this component is registered in @element-plus/components
</script>

根据需要修改 App.vue 文件让开发过程顺利进行

以下命令在开发过程中也很有用

生成组件模板

使用命令

shell
pnpm gen <component-name>
# eg.
pnpm gen awesome
pnpm gen awesome-button

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

同步语言文件

使用命令

shell
pnpm locale:sync

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