element ui(兼容ie10，ie11，chrome，Mozilla Firefox)

一、官方网址：http://element.eleme.io/#/zh-CN

二、安装步骤：

1）node（版本>v6.0.0  我使用的是v6.9.2）

2）使用 官网模板 （如果链接失效 请自行去官网下载）

3）安装label（将es6语法转成es5语法）

$ npm install --save-dev babel-core babel-preset-es2015

$ npm install --save-dev babel-loader

4）在.babelrc文件中

{"presets": ["es2015"] }

5）安装 

$ npm install --save babel-polyfill

在入口文件(main.js)添加

$ import 'babel-polyfill'

6）执行命令

<1>运行开发环境 

$ npm run dev

<2> 打包代码

$ npm run build

三、官网路由搭建

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖，走你

$cdmy-project

#安装依赖和插件

$ npm install

# 运行开发版本

$ npm run dev

# 打包开发版本

$ npm run build

# 安装element ui 组件

$ npm i element-ui -S

# 安装 babel-preset-vue-app（不安装应该也可以）

$ npm install --save babel-preset-vue-app

.babelrc文件添加

{"presets": ["vue-app"]}

main.js文件中添加

import ElementUI from 'element-ui'

scss插件

stylus stylus-loader