1、Element Plus概念
Element+是一款用于制作页面样式，设计页面结构的框架。相比于其他的几个框架，这个框架设计的更为人性化，对企业级框架VUE的集成也很高。
1.1、设计原则
1.1.1、一致:
与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念； 在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。
1.1.2、反馈：
控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作； 页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。
简化流程：设计简洁直观的操作流程； 清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策； 帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。
1.1.4、可控：
用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策； 结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。
1.2、页面导航栏
1.2.1、页面导航栏概念
2、安装element+
2.1、环境支持
2.2、使用vscode安装element+
# NPM$ npm install element-plus --save
2.2.1、使用网络环境引入element+（不推荐）
<head> <!-- Import style --> <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" /> <!-- Import Vue 3 --> <script src="//unpkg.com/vue@3"></script> <!-- Import component library --> <script src="//unpkg.com/element-plus"></script></head>
2.3、使用网页引入的html版本的Element+案例（不推荐）
本文地址：软件教程频道 https://www.eeeoo.cn/ruanjian/936285.html，嗨游网一个专业手游免费下载攻略知识分享平台，本站部分内容来自网络分享，不对内容负责，如有涉及到您的权益，请联系我们删除，谢谢！
相关阅读
