本地开发

启动项目

使用命令

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