安装Elenent Plus

        Elenent Plus是基于 Vue3 开发的优秀的 PC 端开源 UI 组件库，它是 Element 的升级版，对于习惯使用Element 的人员来说，在学习 Element Plus 时，不用花费太多的时间。因为 Vue3 不再支持 IE11 及更低的 IE 版本。

        使用 npm 或 yarn 包管理工具可以安装 Element Plus，具体命令如下。

# 使用 npm 包管理工具安装
npm install element-plus --save
# 使用 yarn 包管理工具安装
yarn add element-plus --save

        接下来通过实操演示如何在Vue3项目中安装Element Plus ，具体步骤如下：

        1. 打开命令提示符，切换到D:\vue\chapter06目录，使用 yarn 创建一个名称为 ui-component 的项目，具体命令如下：

yarn create vite ui-component --template vue

        在上述命令中，ui-component表示项目名称。

        在命令提示符中，切换到ui-component 目录，为项目安装所有依赖，具体命令如下：

cd ui-component
yarn

        2.执行完上述命令后，在ui-component 目录习下使用yarn安装Element Plus，具体代码如下：

yarn add element-plus@2.2.19 --save

        3.使用VS Code编辑器打开 ui-component 目录

        4.在src\main.js文件中，导入并挂载Element Plus 模块，具体代码如下：

import { createAPP } from 'vue'
import './style.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
const app = createApp(APP)
app.use(ElementPlus)
app.mount('#app')

        在上述代码中，第三行用于导入Element Plus模块；第四行代码用于引入样式文件index.css；第七行用于使用app.use()方法挂载ElementPlus 模块。

        5.执行命令启动服务，具体命令如下：

yarn dev

        项目启动后，会默认开启一个本地服务，地址为http://127.0.0.1:5173/.

        至此，Elememt Plus组件库安装完成