Vue2.0仿餓了麼webapp單頁面應用

Vue2.0仿餓了麼webapp單頁面應用

---

聲明: 代碼源於 黃軼老師在慕課網上的教學視頻，我本身用vue2.0重寫了該項目，喜歡的同窗能夠去支持老師的課程：http://coding.imooc.com/class/74.html

---

源代碼地址：https://github.com/ColinScales/shell

演示地址：https://colinscales.github.io/scale

手機掃碼查看效果：

---

## 技術棧：vue-cli   webpack   axios    vue-router    stylus    express     better-scroll

---

部分截圖

安裝&&運行：

一、安裝  node：http://nodejs.cn/download/ 

      安裝  git：https://git-scm.com/downloads

二、從個人倉庫克隆代碼：

git clone https://github.com/ColinScales/shell

三、安裝vue腳手架工具vue-cli:

npm install vue-cli -g

四、進入代碼根目錄安裝依賴：

npm install --save-dev

五、運行命令：

npm run dev

打開瀏覽器查看運行效果

六、發佈代碼：

npm run build

發佈完代碼後會生成dist目錄，保存着項目的全部可運行的代碼。

注意不能直接打開index.html運行，須要開啓http server運行代碼。 直接運行我寫好的配置文件就能夠運行代碼：

node prod.server.js

打開瀏覽器輸入localhost:4444看build後的運行效果。