Element-UI安装使用教程
是什么
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,手机端有对应框架是Mint UI
官方介绍:Element-Ul是一个网站快速成型工具,一套为开发者,设计师和产品经理准备的基于Vue 2.0的桌面端组件库
安装
方法一 npm安装
进入你已经创建好的Vue项目,然后输入下面命令
npm i element-ui -S
注意:如果安装进程一直没变在,像停在某个界面,可以试试更换成淘宝的源,输入下面
npm config set registry https://registry.npm.taobao.org
更换安装源后再输入安装命令即可:
pm i element-ui -S
npm安装后引入element组件(完整引入)
在 main.js 中写入以下内容:
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';Vue.use(ElementUI);new Vue({el: '#app',render: h => h(App)
});
之后重新运行vue项目即可
Element-UI安装使用教程相关推荐
- Element UI极简教程(1):Element UI的安装
Java大联盟 致力于最高效的Java学习 关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Element UI 简介 Element UI 是一套基于 Vue 的桌面端组件库,封装好 ...
- vue学习笔记-关于element ui 安装失败的问题解决
今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...
- Element UI极简教程(4):Select、Switch组件的使用
Java大联盟 致力于最高效的Java学习 关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Select 下拉框 Element UI 的 Select 直接使用 el-select ...
- vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
- 【Vue 快速入门】从零开始搭建 VUE + Element UI后台管理系统框架
[Vue 快速入门]从零开始搭建 VUE + Element UI后台管理系统框架 前言 后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条 ...
- 安装 Element UI 3.0 (即 Element UI Plus) 正确方法
首先官网推荐的安装方法没有生成dist文件,导致样式表等这些文件并没有生成 npm install element-plus --save 以上方法是有问题的,如果不幸执行了上面的命令,那么先执行卸载 ...
- Vue安装element ui踩坑
在vue安装element ui 的过程中报了许多错误,慢慢踩坑,希望能帮到各位 1. 输入 vue add element 输入 y y zh-CN 如果报错 ERROR comman ...
- nodeJs + webpack+vue+ element ui 环境安装
一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/ 点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...
- Vue 安装 Element UI时报错 code ERESOLVE unable to resolve dependency tree
检查当前版本是否为 npm 7.x,7.x对树依赖检查更严格,需要在命令后增加--legacy-peer-deps以规避此报错,在安装其他依赖时如果报错类似也可如此解决,当然也可以将npm降级到6.x ...
- vue安装并导入Element UI
首先,在Vue项目的终端输入:npm i element-ui -S (输入之后,回车,等待一会儿,就会出现下图红框以下的内容,表示已经安装成功) 然后,在main.js中添加: import Ele ...
最新文章
- 在Ubuntu 12.04 64bit上搭建Crtmpserver视频点播服务
- Linux下的QQ截图
- Android镜像文件的拆解
- 【SpringBoot】SpringBoot拦截器实战和 Servlet3.0自定义Filter、Listener
- 7-4 递增序列 (15 分)
- java 判断一个字符串是否由数字组成的_Java中怎样判断一个字符串是否是数字
- leetcode 654. 构造最大二叉树 思考分析
- 如何过滤 adb logcat 命令的输出
- python运用maya_Mayapythonapi场景选择操作
- MySQL索引的使用知识有哪些?
- windows系统bat批处理 一键配置java jdk环境变量
- 什么时候应该避免注释代码?
- 如何在 Linux 中运行.exe 程序
- h330 mini raid卡驱动 linux,戴尔h330阵列卡驱动下载
- 【4月电视剧网络关注度榜】《小舍得》登顶4月电视剧热度榜
- 相似矩阵、矩阵的相似对角化
- threejs在墙上挖洞_在墙上飞
- 【转】appStore上传苹果应用程序软件发布流程
- 人工智能和机器学习在医疗领域中的应用
- 家庭NAS服务器(3)VM测试-固态缓存盘加速机械盘
热门文章
- 关于CATEGORY_BROWSABLE的使用(很NB的一个运用)
- MySQL基础 笔记、思维导图、代码
- Destroy 和 DestroyImmediate 的区别
- Emmet语法及使用介绍
- 项目总结四:神经风格迁移项目(Art generation with Neural Style Transfer)
- 向量归一化若干小问题
- 配置案例丨Modbus转Profinet网关连接丹佛斯变频器
- 电容触摸控制器IT7259Q-13,IT7259EX-24 I2C 接口
- 【论文精读】Locally Warping-based Image Stitching by Imposing Line Constraints
- w3school html 表单