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

相关推荐
岭子笑笑6 分钟前
vant 4 之loading组件源码阅读
前端
hxmmm10 分钟前
自定义封装 vue多页项目新增项目脚手架
前端·javascript·node.js
ETA810 分钟前
JS执行机制揭秘:你以为的“顺序执行”,其实是V8引擎在背后搞事情!
前端·javascript
鹏北海-RemHusband11 分钟前
微前端实现方式:HTML Entry 与 JS Entry 的区别
前端·javascript·html
行走的陀螺仪34 分钟前
JavaScript 装饰器完全指南(原理/分类/场景/实战/兼容)
开发语言·javascript·ecmascript·装饰器
瘦的可以下饭了37 分钟前
3 链表 二叉树
前端·javascript
我那工具都齐_明早我过来上班42 分钟前
WebODM生成3DTiles模型在Cesium地图上会垂直显示问题解决(y-up-to-z-up)
前端·gis
粉末的沉淀1 小时前
jeecgboot:electron桌面应用打包
前端·javascript·electron
1024肥宅1 小时前
浏览器相关 API:DOM 操作全解析
前端·浏览器·dom