Files
element-plus/docs/en-US/guide/dev-guide.md
qiang ac814d3a22 ci: add locale:sync scripts (#21857)
* ci: add locale:sync scripts

* chore: remove el.datepicker.week

* chore: execute locale:sync commands

* chore: rename LocaleObject to TranslatePair
2025-08-28 20:22:30 +08:00

1.3 KiB

title, lang
title lang
Local Development en-US

Local Development

Bootstrap project

With command

pnpm i

the project will install all dependencies.

Website preview

With command

pnpm docs:dev

the project will launch website for you to preview all existing component.

Local development

See Local development guide

  1. With command
pnpm dev

will start the local development environment.

  1. Add your component into play/src/App.vue
<template>
  <ComponentYouAreDeveloping />
</template>

<script setup lang="ts">
// make sure this component is registered in @element-plus/components
</script>

Modify App.vue file per your needs to get things work.

The following commands are also useful during development

Generate component template

With command

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

With command

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.