项目启动
step1:
git clone
step2:
cd vue-eleme
step3:
npm install
step4:
npm run dev
效果图
vue-eleme.gif技术栈
- vue-cli：Vue的官方脚手架工具
- Axios: 异步获取数据，尤大推荐axios比vue-resource好
- vue-router: Vue的路由管理插件
- ES6语法：更加简洁高效
- scss: 用编程的风格去写css,更加方便有逻辑
- flex布局：移动端使用flex布局轻松自适应
- eslint：语法检测，让代码规范美观，易维护
- webpack: 当下流行的模块加载和打包器
总结
- 熟悉了vue开发单页应用的流程，使用vue-cli脚手架的经验
- 使用了模块化组件的开发模式，便于项目的管理维护
- 加深了移动端的开发认识，例如 1像素边框、设备像素比、媒体查询