一 、创建项目
命令 ： 1 vue init webpack my-element //创建vue 项目
2 cd my-element
3 cnpm i element-ui -S //安装elementui的依赖
4 npm run dev //运行测试
二、使用webstorm开发
1 导入项目
2 创建npm 方便开发测试
以后点击右上绿色按钮就可以运行了
三、使用elementUI组件
框架结构
1 compnents里面存放组件
2 datas 存放测试数据
3 libs存放引入资源 js,css,img,字体等
4 routers存放路由配置
5 views存放页面
一、引入elementUI
import ElementUIfrom 'element-ui' // 引入elementUI组件
import 'element-ui/lib/theme-chalk/index.css'//引入elementUI样式
二、路由配置
三、编写home页面
运行测试如下：
以上仅仅是粗略的测试使用elementUI 组件，后期会详细设计页面并实现！
网友评论