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

相关文章： 定制建站价位费用解析与套餐推荐全攻略  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在云虚拟主机上快速搭建个人网站？  如何用低价快速搭建高质量网站？  如何快速生成ASP一键建站模板并优化安全性？  如何挑选最适合建站的高性能VPS主机？  建站之星备案是否影响网站上线时间？  简单实现Android验证码  建站之星伪静态规则如何正确配置？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  存储型VPS适合搭建中小型网站吗？  Python如何创建带属性的XML节点  如何通过虚拟主机空间快速建站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  如何快速生成专业多端适配建站电话？  公司门户网站制作流程,华为官网怎么做？  建站与域名管理如何高效结合？  建站之星后台密码遗忘如何找回？  如何在腾讯云免费申请建站？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  大同网页,大同瑞慈医院官网？  再谈Python中的字符串与字符编码（推荐）  建站之星安全性能如何？防护体系能否抵御黑客入侵？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  建站之星代理平台如何选择最佳方案？  如何快速搭建响应式可视化网站？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  如何在Ubuntu系统下快速搭建WordPress个人网站？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  定制建站如何定义？其核心优势是什么？  h5网站制作工具有哪些,h5页面制作工具有哪些？  建站之星后台密码遗忘或太弱？如何重置与强化？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  香港服务器部署网站为何提示未备案？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  c++ stringstream用法详解_c++字符串与数字转换利器  C++如何使用std::optional？（处理可选值）  c# Task.ConfigureAwait(true) 在什么场景下是必须的  建站主机默认首页配置指南：核心功能与访问路径优化  已有域名建站全流程解析：网站搭建步骤与建站工具选择  如何快速选择适合个人网站的云服务器配置？  如何解决ASP生成WAP建站中文乱码问题？  网站制作新手教程,新手建设一个网站需要注意些什么？  nginx修改上传文件大小限制的方法  如何在局域网内绑定自建网站域名？