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

  

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

  

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

  

 Vue2.0 UI框架ElementUI使用方法详解“> <br/>
  </p>
  <p> <img src=

  

启动环境命令:cnpm运行dev

  

启动成功:

  

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

  

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

  

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

  

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

  

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

  

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

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