Element-UI 的基本使用（基于 Vue 的 组件库）

🔥Vue-cli3脚手架🔥

Vue脚手架	地址
🔥Vue-cli3脚手架	https://blog.csdn.net/m0_55990909/article/details/123956982
🔥Element-UI 的基本使用	https://blog.csdn.net/m0_55990909/article/details/123957041

✍目录总览：

1. 基于命令行方式手动安装

① 安装依赖包 npm i element-ui –S

② 导入 Element-UI 相关资源

// 在main.js文件内导入组件库
import ElementUI from 'element-ui';
// 导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css';
// 配置 Vue 插件
Vue.use(ElementUI);

2. 基于图形化界面自动安装

① 运行 vue ui 命令，打开图形化界面

② 通过 Vue 项目管理器，进入具体的项目配置面板

③ 点击 插件 -> 添加插件，进入插件查询面板

④ 搜索 vue-cli-plugin-element 并安装

⑤ 配置插件，实现按需导入，从而减少打包后项目的体积

3.使用案例

最终效果：