一、官方網(wǎng)址:http://element.eleme.io/#/zh-CN
二拇颅、安裝步驟:
1)node(版本>v6.0.0 ?我使用的是v6.9.2)
2)使用?官網(wǎng)模板?(如果鏈接失效 請(qǐng)自行去官網(wǎng)下載)
3)安裝label(將es6語(yǔ)法轉(zhuǎn)成es5語(yǔ)法)
$ 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)執(zhí)行命令
<1>運(yùn)行開發(fā)環(huán)境?
$ npm run dev
<2> 打包代碼
$ npm run build
三、官網(wǎng)路由搭建
# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
$ vue init webpack my-project
# 安裝依賴乔询,走你
$cdmy-project
#安裝依賴和插件
$ npm install
# 運(yùn)行開發(fā)版本
$ npm run dev
# 打包開發(fā)版本
$ npm run build
# 安裝element ui 組件
$ npm i element-ui -S
# 安裝?babel-preset-vue-app(不安裝應(yīng)該也可以)
$ npm install --save babel-preset-vue-app
.babelrc文件添加
{"presets": ["vue-app"]}
main.js文件中添加
import ElementUI from 'element-ui'
scss插件
stylus stylus-loader