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

相关推荐
over697几秒前
《闭包、RAG与AI面试官:一个前端程序员的奇幻LangChain之旅》
前端·面试·langchain
JIngJaneIL5 分钟前
基于java+ vue交友系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·交友
拉不动的猪16 分钟前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
karshey40 分钟前
【IOS webview】h5页面播放视频时,IOS系统显示设置的icon
前端·ios
树欲静而风不止慢一点吧40 分钟前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
用户313050086271 小时前
JavaScript中的迭代器和生成器
javascript
小七不懂前端1 小时前
我用 NestJS + Vue3 + Prisma + PostgreSQL 打造了一个企业级 sass 多租户平台
前端·vue.js·后端
晚星star1 小时前
2.2 Node的模块实现
前端·node.js
zYear1 小时前
Three.js 入门指南:揭开 3D 网页的魔法面纱
前端
Crystal3281 小时前
图片懒加载
前端·javascript·代码规范