vue2+webpack2實現餓了麼移動端商家頁面

這是一個基於Vue全家桶實現的餓了麼移動端webapp
項目github地址：https://github.com/JerryYgh/m...
若是以爲對您有幫助，您能夠在github上給我個star支持一下，謝謝！若是有問題，也歡迎一塊兒討論！

先來張項目動態截圖感覺下

項目運行

克隆項目到本地

git clone https://github.com/JerryYgh/m...

安裝依賴

npm install

本地開發，開啓服務器，瀏覽器訪問http://localhost:8080

npm run dev

構建生產

npm run build

項目說明

用到的技術棧

vue2 + vue-router2 + webpack2 + vue-cli2 + vue-resource + stylus + flex + eslint

主要功能說明

一、resource文件裏有UI原稿psd，切好的圖，及標註文件。

二、基於vue2.0

三、使用vue-cli2腳手架搭建項目

四、使用webpack2打包項目文件

五、使用vue-router2實現路由切換

六、使用vue-resource進行數據請求

七、stylus編寫樣式

八、flex彈性佈局

九、eslint進行es6代碼檢查

十、聯動滾動藉助了better-scroll插件

十一、localStorage實現本地存儲

學習參考

• vue2.0官網：https://vuefe.cn/v2/guide/

• webpack1免費視頻課程，戳這裏：http://www.imooc.com/learn/802

• webpack1向webpack2升級：https://webpack.js.org/guides...

• better-scroll插件使用：https://github.com/ustbhuangy...

• stylus：http://www.zhangxinxu.com/jq/...

• ES6入門: http://es6.ruanyifeng.com/

• Stickyfooters指南: http://www.w3cplus.com/css3/c...

• Flex彈性佈局: http://www.ruanyifeng.com/blo...

• localStorage本地存儲: http://www.cnblogs.com/st-les...

• 最後：本項目有付費視頻課程，戳這裏：http://coding.imooc.com/class...

項目github地址：https://github.com/JerryYgh/m...

若是以爲對您有幫助，您能夠在github上給我個star支持一下，謝謝！若是有問題，也歡迎一塊兒討論！