Vue2.0 UI框架ElementUI使用方法详解

今天来介绍一下ElementUI的使用，在Vue2.0更新之后，很多UI框架也应运而生，这个框架是饿了么团队开发的一款适用于PC的一个UI框架，体验之后给我的个人感觉确实是有助于快速开发的一款UI框架，在饿了么GitHub中我下载了一个团队开发的官方Demo（GitHub链接为：https://github.com/taylorchen709/vue-admin）感觉可以应对初期团队项目为管理系统的开发这一类的网站，下面我就来仔细讲解下如何让官方的Demo运行起来

首先我们使用windows件+r在输入框中输入cmd调用控制台（我写的会细一些方便让一些基础并不是那么好的人来学习，大神们谅解一下）

2.我在正式安装之前我会在电脑里面全局安装一个淘宝镜像，因为npm安装会很慢，安装完淘宝镜像之后所有的npm安装改为cnpm安装之后会快很多，在控制台中输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

就可以了。

3.安装完淘宝镜像，我们将下载好的官方Demo解压下来通过控制台进入该文件夹的根目录下 

执行命令：cd 文件夹所在的根目录

执行安装命令：cnpm install

安装完成：

启动环境命令：cnpm run dev

启动成功：

此时浏览器会自动弹出，localhost:8080就是运行的结果，启动成功之后我们如果想要研究这个Demo的结构我们进入根目录的src文件夹中找到对应的页面和组件，功能结合API就可以快速开发出团队想要的一个功能页面了，这个框架还有很多的方法需要我们去探索，之后有时间我会继续更新第二篇关于ElementUI的框架更深入的使用方法。

本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。

关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

本文转载于：http://blog.csdn.net/lixueninggg/article/details/70140158

# Vue2.0  # UI  # ElementUI  # 解决vue2中使用elementUi打包报错的问题  # VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip  # VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解  # VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法  # vue2.0 elementUI制作面包屑导航栏  # Vue2.0+ElementUI实现表格翻页的实例  # Vue2+ElementUI表单、Form组件的封装过程  # 镜像  # 淘宝  # 饿了  # 就可以  # 我在  # 我会  # 管理系统  # 已被  # 适用于  # 会在  # 请大家  # 大神  # 欢迎大家  # 人来  # 应运而生  # 就来  # 后会  # 介绍一下  # 我写  # 还有很多 

相关文章： 微信h5制作网站有哪些,免费微信H5页面制作工具？  北京网站制作公司哪家好一点,北京租房网站有哪些？  Python多线程使用规范_线程安全解析【教程】  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  高端云建站费用究竟需要多少预算？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何配置支付宝与微信支付功能？  广德云建站网站建设方案与建站流程优化指南  打鱼网站制作软件,波克捕鱼官方号怎么注册？  兔展官网 在线制作,怎样制作微信请帖？  安云自助建站系统如何快速提升SEO排名？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  Python lxml的etree和ElementTree有什么区别  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  如何选择服务器才能高效搭建专属网站？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站之星官网登录失败？如何快速解决？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  网站图片在线制作软件,怎么在图片上做链接？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  寿县云建站：智能SEO优化与多行业模板快速上线指南  如何有效防御Web建站篡改攻击？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何通过网站建站时间优化SEO与用户体验？  微信小程序 input输入框控件详解及实例（多种示例）  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  C++时间戳转换成日期时间的步骤和示例代码  想学网站制作怎么学,建立一个网站要花费多少？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  建站DNS解析失败？如何正确配置域名服务器？  如何配置FTP站点权限与安全设置？  php json中文编码为null的解决办法  如何基于PHP生成高效IDC网络公司建站源码？  C++如何使用std::optional？（处理可选值）  大连 网站制作,大连天途有线官网？  建站三合一如何选？哪家性价比更高？  重庆市网站制作公司,重庆招聘网站哪个好？  如何高效配置香港服务器实现快速建站？  做企业网站制作流程,企业网站制作基本流程有哪些？  如何在Tomcat中配置并部署网站项目？  如何在局域网内绑定自建网站域名？  网站制作公司排行榜,四大门户网站排名？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  如何在宝塔面板中修改默认建站目录？  如何解决VPS建站LNMP环境配置常见问题？  C++如何编写函数模板？（泛型编程入门）  如何通过西部建站助手安装IIS服务器？