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组件的封装过程  # 镜像  # 淘宝  # 饿了  # 就可以  # 我在  # 我会  # 管理系统  # 已被  # 适用于  # 会在  # 请大家  # 大神  # 欢迎大家  # 人来  # 应运而生  # 就来  # 后会  # 介绍一下  # 我写  # 还有很多 

相关文章： 江苏网站制作公司有哪些,江苏书法考级官方网站？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  开封网站制作公司,网络用语开封是什么意思？  无锡营销型网站制作公司,无锡网选车牌流程？  济南网站制作的价格,历城一职专官方网站？  建站之星如何通过成品分离优化网站效率？  建站DNS解析失败？如何正确配置域名服务器？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  制作网站外包平台,自动化接单网站有哪些？  小程序网站制作需要准备什么资料,如何制作小程序？  广德云建站网站建设方案与建站流程优化指南  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何快速查询网址的建站时间与历史轨迹？  深入理解Android中的xmlns:tools属性  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站之星Pro快速搭建教程：模板选择与功能配置指南  免费视频制作网站,更新又快又好的免费电影网站？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  如何快速重置建站主机并恢复默认配置？  建站168自助建站系统：快速模板定制与SEO优化指南  图册素材网站设计制作软件,图册的导出方式有几种？  如何制作网站标识牌,动态网站如何制作（教程）？  清除minerd进程的简单方法  实惠建站价格推荐：2025年高性价比自助建站套餐解析  ui设计制作网站有哪些,手机UI设计网址吗？  建站VPS能否同时实现高效与安全翻墙？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  独立制作一个网站多少钱,建立网站需要花多少钱？  制作网站的模板软件,网站怎么建设？  建站之星安装失败：服务器环境不兼容？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何在万网ECS上快速搭建专属网站？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  如何在建站宝盒中设置产品搜索功能？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  如何在IIS中配置站点IP、端口及主机头？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何在建站之星网店版论坛获取技术支持？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  在线教育网站制作平台,山西立德教育官网？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  SQL查询语句优化的实用方法总结  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  建站之星2.7模板快速切换与批量管理功能操作指南  成都网站制作价格表,现在成都广电的单独网络宽带有多少的，资费是什么情况呢？  建站之星安装需要哪些步骤及注意事项？  建站VPS选购需注意哪些关键参数？  网站制作新手教程,新手建设一个网站需要注意些什么？  简历在线制作网站免费,免费下载个人简历的网站是哪些？