Vue2.5从0开发猫眼

重要!!!

该项目已经写了非常详细的文档,帮助刚学习vue能够一步一步操作。

链接地址(cxp1539.github.io/vue-maoyan/)

有疑问的可以到github提issue,共同探讨学习。如果该项目对于您有所帮助,希望您可以点到github star 能支持一下 ^_^

github地址(github.com/cxp1539/vue…)

为什么想写这个项目?

  • 这一两年趁业余时间接触了Vue、React,平时也都是拿小功能练练手,知识点比较碎。想借个项目梳理一下,把一些移动端很细的技术点都融进这个项目中。

  • 帮助刚学习vue的同学,能够能快的上手项目。vue基本上都是要运用各种全家桶技术栈,所以这个可以帮助刚学习的同学更好的掌握Vue各个基础知识点和各种全家桶技术的结合的项目。

  • 很多同学应该有这个疑问,看完vue文档之后,vue的项目怎么合理搭建目录,这个帮刚准备写vue的项目的目录结构能够很清晰的划分。

如何使用

git clone https://github.com/cxp1539/vue-maoyan-web.git
cd vue-maoyan-web
npm install
npm run dev
复制代码

技术栈

Vue2.5 + Vuex + Vue Router + axios + Es6 + stylus + flex + Webpack + ESlint + git

都包含什么

  • 合理的项目目录规划
  • Flex布局项目中使用
  • iconfont使用
  • 移动端点击穿透
  • 图片懒加载
  • 移动端1px边框问题
  • 移动端2x,3x背景图问题
  • 基础组件库如topbar、loading、弹出框、滚动条、城市选择等组件的封装
  • Vue动画
  • Promise
  • axios获取数据
  • Vuex的使用
  • LocalStorge本地存储
  • 异步组件
  • ......

项目演示

说明

看这个项目前能够用预备html,css,vue,es6,webpack的一些知识

项目仅作为学习使用,代码里面的组件库可以下载作为自己项目使用,代码会放到github上面,大家可以clone github下载源代码。 大家都能坚持学习下去,

猜你喜欢

转载自juejin.im/post/5c1c9a0de51d4524851c8a5a