本文共 961 字，大约阅读时间需要 3 分钟。

重要！！！

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

链接地址()

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

github地址()

为什么想写这个项目？

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

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

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

如何使用

git clone https://github.com/cxp1539/vue-maoyan-web.gitcd vue-maoyan-webnpm installnpm 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下载源代码。 大家都能坚持学习下去

作者：cxp1539 链接：https://juejin.im/post/5c1c9a0de51d4524851c8a5a 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。