用 vue 開發的外賣app

本項目是基於 vue2.4 最新的實戰項目，vue-cli2.8 + vue2.4 + vue-resource + vue-router2.7 + es6 + mock + webpack 的一個移動端外賣 app。

如今最流行的開發方式就是先後分離了；

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

演示

移動端演示

掃二維碼在手機上查看效果更好

構建

vue 有本身的腳手架構建工具 vue-cli 。使用起來很是方便，使用 webpack 來集成各類開發便捷工具，好比：

• 代碼熱更新，修改代碼以後網頁無刷新改變，對前端開發來講很是的方便
• Postcss，不再用去管兼容性的問題了，只針對 chrome 寫 css 代碼，會自動編譯生成支持多款瀏覽器的 css 代碼
• ESlint，統一代碼風格
• bable，ES2015 出來已經有一段事件了，可是很多瀏覽器尚未兼容 ES6。有了 bable，放心使用 ES6 語法，它會自動轉義成 ES5 語法
• Stylus，相似於 sass/scss ，可是能夠不寫 { } 和 :，使用起來仍是很方便的 除此以外，vue-cli 已經使用 node 配置了一套本地服務器和安裝命令等，本地運行和打包只須要一個命令就能夠搞定，很是的方便。

關於這個項目

vue 的官網文檔寫的很好，不少同窗在學習完文檔之後，很難實際上手作項目，只能作一些 todo-list 的小 demo ,距離上手作項目還有一些差距。

因此在網上找了這個項目來作，這個項目能夠說是很是適合新手入門進階，讓你能夠動手用 vue 來作項目，解決 vue 在實戰中的問題纔是你們最想學習的，而不是小打小鬧的 demo。

獲取教程

這個項目我從頭至尾寫了一遍，因爲有一些包或者模塊升級的緣由，會有一些小的問題，我都已經解決過了。想獲取教程或者有疑問的，能夠加這個羣。

寫在最後

個人主頁： neveryu.github.io/index.html

QQ羣：685486827