element-plus安装

### 如何在项目中安装和配置 Element Plus UI 框架

#### 准备工作
为了确保能够顺利集成 Element Plus 到 Vue 3 项目中，需先确认已正确初始化了一个 Vue 3 项目环境。如果尚未创建这样的环境，则建议按照官方文档指导完成相应设置。

#### 安装 Element Plus
可以通过 npm 或 yarn 来安装 Element Plus 库。对于大多数情况而言，推荐使用如下命令来全局引入整个库：

npm install element-plus --save

或者如果你更倾向于使用 Yarn:

yarn add element-plus

这一步骤使得开发人员能够在应用程序内访问到所有的组件和服务[^2]。

#### 配置主文件
接下来，在项目的入口 JavaScript 文件（通常是 `main.js`），添加以下代码片段以导入并注册 Element Plus：

import { createApp } from 'vue'
import App from './App.vue'
// 导入element plus
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')

这段脚本不仅加载了必要的样式表，还完成了对应用实例的应用程序级别的插件注入操作[^1]。

#### 使用组件
一旦上述准备工作就绪，便可以直接在模板里像下面这样调用任何想要使用的具体组件：

<template>
  <el-button type="primary">主要按钮</el-button>
</template>

<script setup lang="ts">
// 这里的逻辑可以省略，因为只需要展示如何使用组件即可。
</script>

此处展示了最简单的例子——一个带有“主要”样式的按钮控件。更多关于各个组件的具体属性和事件处理方式，请参阅官方 API 文档[^3]。