本文介绍了如何在Vue3项目中安装和引入Element Plus前端框架。首先通过CLI创建Vue3项目，然后在VSCode中使用快捷键打开终端，执行npm安装命令。接着讲述了全量和局部引入两种方式，推荐了局部引入并详细说明了如何配置babel-plugin-import插件以简化样式文件的引入。最后展示了在项目中使用Element Plus创建蓝色按钮的示例。
1. 首先用vscode打开cli创建的文件 (cli创建vue3项目在此不赘述)
2..vscode快捷键 CTRL+J 打开终端
3. 安装Element Plus
npm install element-plus--save
加上 --save 选项，可以同时将配置写入 package.json 的 dependencies 字段（生产环境依赖）
4. 引入 Element Plus
在 Vue 中引入 Element Plus 有两种方式，分别是全部引入和局部引入
5. 我认为最舒服的方法(局部引入)
一般的局部引入每次都需要自己将其对应的样式文件同时引入(import一堆)，
例如: import 'element-plus/lib/theme-chalk/el-button.css'
要想省略这个繁琐的步骤
5.1 首先安装babel-plugin-import
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
