一、官方网址: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