摘要:這是一個基于全家桶實(shí)現(xiàn)的餓了么移動端項(xiàng)目地址如果覺得對您有幫助,您可以在上給我個支持一下,謝謝如果有問題,也歡迎一起討論先來張項(xiàng)目動態(tài)截圖感受下項(xiàng)目運(yùn)行克隆項(xiàng)目到本地安裝依賴本地開發(fā),開啟服務(wù)器,瀏覽器訪問構(gòu)建生產(chǎn)項(xiàng)目說明用到的技術(shù)棧
這是一個基于Vue全家桶實(shí)現(xiàn)的餓了么移動端webapp
項(xiàng)目github地址:https://github.com/JerryYgh/m...
如果覺得對您有幫助,您可以在github上給我個star支持一下,謝謝!如果有問題,也歡迎一起討論!
先來張項(xiàng)目動態(tài)截圖感受下
克隆項(xiàng)目到本地
git clone https://github.com/JerryYgh/m...
安裝依賴
npm install
本地開發(fā),開啟服務(wù)器,瀏覽器訪問http://localhost:8080
npm run dev
構(gòu)建生產(chǎn)
npm run build
項(xiàng)目說明 用到的技術(shù)棧vue2 + vue-router2 + webpack2 + vue-cli2 + vue-resource + stylus + flex + eslint
主要功能說明
1、resource文件里有UI原稿psd,切好的圖,及標(biāo)注文件。
2、基于vue2.0
3、使用vue-cli2腳手架搭建項(xiàng)目
4、使用webpack2打包項(xiàng)目文件
5、使用vue-router2實(shí)現(xiàn)路由切換
6、使用vue-resource進(jìn)行數(shù)據(jù)請求
7、stylus編寫樣式
8、flex彈性布局
9、eslint進(jìn)行es6代碼檢查
10、聯(lián)動滾動借助了better-scroll插件
11、localStorage實(shí)現(xiàn)本地存儲
學(xué)習(xí)參考
vue2.0官網(wǎng):https://vuefe.cn/v2/guide/
webpack1免費(fèi)視頻課程,戳這里: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...
最后:本項(xiàng)目有付費(fèi)視頻課程,戳這里:http://coding.imooc.com/class...
項(xiàng)目github地址:https://github.com/JerryYgh/m...
如果覺得對您有幫助,您可以在github上給我個star支持一下,謝謝!如果有問題,也歡迎一起討論!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82519.html
摘要:注此項(xiàng)目純屬個人瞎搞,正常下單請選擇餓了么官方客戶端。目前下單功能已經(jīng)實(shí)現(xiàn),下單功能完全采用官網(wǎng)真實(shí)數(shù)據(jù),可以控制官網(wǎng)發(fā)短信或者打電話到指定的手機(jī)號碼,下單后可以在手機(jī)中查看并且付款。 前言 vue2的發(fā)布后自己也研究了一段時(shí)間,奈何公司的技術(shù)棧是以react為主,沒有機(jī)會好好利用vue2去做一個完整的項(xiàng)目。雖然寫了幾個demo,但和寫一個完整的項(xiàng)目還是有很大差別的。于是自己想著用空余...
摘要:前言本文的前身是源自上的項(xiàng)目但由于該項(xiàng)目上次更新時(shí)間為年月日,很多內(nèi)容早已過期或是很多近期優(yōu)秀組件未被收錄,所以小肆今天重新更新了內(nèi)容并新建項(xiàng)目。提交的項(xiàng)目格式如下項(xiàng)目名稱子標(biāo)題相關(guān)介紹如果收錄的項(xiàng)目有錯誤,可以通過反饋給小肆。 前言 本文的前身是源自github上的項(xiàng)目awesome-github-vue,但由于該項(xiàng)目上次更新時(shí)間為2017年6月12日,很多內(nèi)容早已過期或是很多近期優(yōu)...
餓了么 vue 項(xiàng)目總結(jié) 項(xiàng)目效果預(yù)覽 ele效果預(yù)覽項(xiàng)目源碼地址 ele源碼跟著慕課網(wǎng)黃軼老師 敲餓了么 vue 項(xiàng)目 作者項(xiàng)目源代碼地址 項(xiàng)目完成之后 npm run build 這本來是寫在最后面一段的,我現(xiàn)在把他寫在了最前面,方便我們事先知道,整個項(xiàng)目做完之后是什么樣子的 項(xiàng)目完成之后在 根目錄 下 npm run build (就是 npm run dev 的那個目錄) 會在根目錄...
閱讀 2082·2021-11-24 09:39
閱讀 1536·2021-10-11 10:59
閱讀 2489·2021-09-24 10:28
閱讀 3367·2021-09-08 09:45
閱讀 1263·2021-09-07 10:06
閱讀 1657·2019-08-30 15:53
閱讀 2056·2019-08-30 15:53
閱讀 1411·2019-08-30 15:53