這篇文章主要為大家詳細(xì)介紹了Vue2.0仿餓了么webapp單頁面應(yīng)用詳細(xì)步驟，具有一定的參考價值，可以用來參考一下。

感興趣的小伙伴，下面一起跟隨512筆記的小編兩巴掌來看看吧！

部分截圖

【圖片暫缺】

【圖片暫缺】

【圖片暫缺】

安裝&&運(yùn)行：

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

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

2、從我的倉庫克隆代碼：

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

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

$npm install vue-cli -g

4、進(jìn)入代碼根目錄安裝依賴：

$ npm install --save-dev

5、運(yùn)行命令：

$ npm run dev

打開瀏覽器查看運(yùn)行效果

6、發(fā)布代碼：

$ npm run build

發(fā)布完代碼后會生成dist目錄，保存著項(xiàng)目的所有可運(yùn)行的代碼。

注意不能直接打開index.html運(yùn)行，需要開啟http server運(yùn)行代碼。 直接運(yùn)行我寫好的配置文件就可以運(yùn)行代碼：

$ node prod.server.js

打開瀏覽器輸入localhost:4444看build后的運(yùn)行效果。

注：關(guān)于Vue2.0仿餓了么webapp單頁面應(yīng)用詳細(xì)步驟的內(nèi)容就先介紹到這里，更多相關(guān)文章的可以留意512筆記的其他信息。

關(guān)鍵詞：vue.js

總結(jié)

以上是生活随笔為你收集整理的饿了吗app都是用html写的,Vue2.0仿饿了么webapp单页面应用详细步骤的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。