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 ,启动成功后,会出现访问项目地址,点开这样就是成功啦!!

相关推荐
x***010611 分钟前
SpringSecurity+jwt实现权限认证功能
android·前端·后端
1024肥宅19 分钟前
防抖(Debounce)
前端·javascript·ecmascript 6
1024肥宅20 分钟前
节流(Throttle)
前端·javascript·ecmascript 6
大怪v23 分钟前
【Virtual World 02】两点一线!!!
javascript·css·html
by__csdn24 分钟前
Vue2纯前端图形验证码实现详解+源码
前端·javascript·typescript·vue·状态模式·css3·canva可画
Gomiko38 分钟前
JavaScript基础(八):函数
开发语言·javascript·ecmascript
w***375143 分钟前
Spring 核心技术解析【纯干货版】- Ⅶ:Spring 切面编程模块 Spring-Instrument 模块精讲
前端·数据库·spring
我是阿亮啊1 小时前
搭建Vue环境遇到的问题
javascript·vue.js·npm·node.js
GISer_Jing1 小时前
jx前端架构学习
前端·学习·架构
间彧1 小时前
Tailwind CSS详解
前端