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