本地开发

启动项目

使用命令

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 文件让开发过程顺利进行

The following commands are also useful during development

Generate component template

使用命令

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

will generate a component template in packages/components/awesome and packages/components/awesome-button directory.

Sync locale files

使用命令

shell
pnpm locale:sync

will sync the new fields from the en.ts locale file to other locale files and add the comment // to be translated.