ElementUI搭建使用过程

1.ElementUI概述

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,相当于是css的框架

2.安装ElementUI

第一步:创建一个vue-cil项目

!!!(上篇文章已详细讲述搭建过程)

vue-cli搭建过程-CSDN博客

第二步:npm 安装

推荐使用 npm 的方式安装,它能更好地和 webpack打包工具配合使用

命令:npm i element-ui -S

第三步:导入ElementUI

在src目录下面找到main.js文件,导入ElementUI

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

第四步:测试是否成功

在ElementUI官方网址随便复制一个样式组件,粘贴到我们自己的组件上去

在控制台启动项目命令:npm run serve ,启动成功后,会出现访问项目地址,点开这样就是成功啦!!

相关推荐
tsumikistep几秒前
【前后端】Vue 脚手架与前端工程结构入门指南
前端·javascript·vue.js
在繁华处5 分钟前
JAVA实战:文件管理系统1.0
java·开发语言·前端
GISer_Jing14 分钟前
SSE Conf大会分享支付宝xUI引擎:AI时代的多模态交互革命
前端·人工智能·交互
Aerelin20 分钟前
爬虫playwright中的资源监听
前端·爬虫·js·playwright
WordPress学习笔记27 分钟前
专业建外贸网站公司推荐
大数据·前端·人工智能
fruge1 小时前
前端简历优化:如何突出项目亮点与技术深度(附示例)
前端
华仔啊1 小时前
Vue3 + Element Plus 动态菜单实现:一套代码完美适配多角色权限系统
前端·vue.js
n***84071 小时前
Springboot-配置文件中敏感信息的加密:三种加密保护方法比较
android·前端·后端
姜太公钓鲸2331 小时前
Bootstrap是什么?作用是什么?使用场景是什么?如何使用?
前端·bootstrap·html
Aerelin1 小时前
爬虫playwright中的等待机制
前端·爬虫·python