用 vue 开发的外卖app

本项目是基于 vue2.4 最新的实战项目,vue-cli2.8 + vue2.4 + vue-resource + vue-router2.7 + es6 + mock + webpack 的一个移动端外卖 app。css

如今最流行的开发方式就是先后分离了;html

vue 也是如今最流行的前端框架之一。前端

演示

移动端演示

扫二维码在手机上查看效果更好vue

构建

vue 有本身的脚手架构建工具 vue-cli 。使用起来很是方便,使用 webpack 来集成各类开发便捷工具,好比:node

  • 代码热更新,修改代码以后网页无刷新改变,对前端开发来讲很是的方便
  • Postcss,不再用去管兼容性的问题了,只针对 chrome 写 css 代码,会自动编译生成支持多款浏览器的 css 代码
  • ESlint,统一代码风格
  • bable,ES2015 出来已经有一段事件了,可是很多浏览器尚未兼容 ES6。有了 bable,放心使用 ES6 语法,它会自动转义成 ES5 语法
  • Stylus,相似于 sass/scss ,可是能够不写 { } 和 :,使用起来仍是很方便的 除此以外,vue-cli 已经使用 node 配置了一套本地服务器和安装命令等,本地运行和打包只须要一个命令就能够搞定,很是的方便。

关于这个项目

vue 的官网文档写的很好,不少同窗在学习完文档之后,很难实际上手作项目,只能作一些 todo-list 的小 demo ,距离上手作项目还有一些差距。webpack

因此在网上找了这个项目来作,这个项目能够说是很是适合新手入门进阶,让你能够动手用 vue 来作项目,解决 vue 在实战中的问题才是你们最想学习的,而不是小打小闹的 demo。git

获取教程

这个项目我从头至尾写了一遍,因为有一些包或者模块升级的缘由,会有一些小的问题,我都已经解决过了。想获取教程或者有疑问的,能够加这个群。es6

写在最后

个人主页: neveryu.github.io/index.htmlgithub

QQ群:685486827web

相关文章
相关标签/搜索