Element Plus

Element Plus 是基于 Vue 3 的组件库，其文档网站包含了设计原则、组件使用指南、主题定制、暗黑模式、国际化等丰富内容。该文档旨在帮助设计师和开发者快速上手，构建一致、高效、可控的用户界面。

设计原则

Element Plus 遵循四项核心设计原则：

• 一致性：与现实生活一致，遵循用户习惯；界面中所有元素和结构保持一致，如设计样式、图标和文本的位置等。
• 反馈：通过界面样式和交互动效让用户清晰感知操作；操作后通过页面元素变化展现当前状态。
• 效率：简化流程，语言清晰明确，帮助用户快速理解并做出决策；界面简单直白，减少用户记忆负担。
• 可控性：根据场景给予用户操作建议或安全提示，但不代替用户决策；用户可自由撤销、回退或终止操作。

核心内容

文档站涵盖了以下主要部分：

• 指南：包括安装、快速开始、国际化、从 Element UI 升级、主题配置、暗黑模式、自定义命名空间等。
• 组件：提供所有组件的详细用法、属性、事件、插槽等说明。
• 资源：包含 Playground 在线编辑、赞助商信息等。
• 开发：开发指南、常见问题、提交示例、翻译贡献等。

适用人群

该文档主要面向以下人群：

• 前端开发者：使用 Vue 3 构建项目，需要快速选用和配置 Element Plus 组件。
• UI 设计师：了解 Element Plus 的设计原则，以确保设计与开发的一致性。
• 产品经理及团队成员：通过设计原则提升产品的用户体验。

使用方式

访问文档网站，即可浏览全部内容。左侧导航栏可快速定位到指南、组件、资源等章节。每个组件页面包含示例代码、API 说明，支持在线编辑（Playground）和暗黑模式切换。文档支持中文、英文等多语言，并可通过 Crowdin 参与翻译贡献。

注意事项

• Element Plus 是基于 Vue 3 的组件库，不兼容 Vue 2。如需在 Vue 2 中使用，请使用 Element UI。
• 本文档是官方参考来源，建议在开发前仔细阅读相关组件的 API 和注意事项。
• 自定义主题和暗黑模式需要按照文档中的步骤配置，部分功能需配合构建工具使用。