安装vue add element-plus步骤

安装 Vue 的 Element Plus 插件通常分为几个简单的步骤：

1. **确保已安装Vue CLI**：首先，你需要有一个运行的Vue CLI项目。如果你还没有安装，可以全局安装 `vue create` 命令，然后创建一个新的项目。

   npm install -g @vue/cli
   vue create your-project-name

2. **进入项目目录**：创建完成后，cd到项目文件夹内。

   cd your-project-name

3. **安装Element Plus插件**：在项目目录下，使用Vue CLI的 `vue add` 命令添加Element Plus。输入命令并选择从官方库安装。

   vue add element-plus

这将自动下载并安装Element Plus及其依赖。

4. **配置CSS引入**：安装完毕后，Element Plus会自动生成一些配置，包括CSS的引入。如果你想要按需加载，可以在`src/main.js`中配置`import 'element-plus/lib/theme-chalk/index.css';`只导入需要的样式。

5. **启用组件**：现在你可以开始在项目的`components`目录下使用Element Plus提供的组件了，比如`<el-button>`。

// src/App.vue 或者其他组件中
<template>
  <div>
    <el-button type="primary">Hello World</el-button>
  </div>
</template>