溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Vue2.0仿餓了么webapp單頁(yè)面應(yīng)用詳細(xì)步驟

發(fā)布時(shí)間：2020-08-27 06:40:04 來(lái)源：腳本之家 閱讀：283 作者：Tooann 欄目：web開(kāi)發(fā)

部分截圖

Vue2.0仿餓了么webapp單頁(yè)面應(yīng)用詳細(xì)步驟

Vue2.0仿餓了么webapp單頁(yè)面應(yīng)用詳細(xì)步驟

Vue2.0仿餓了么webapp單頁(yè)面應(yīng)用詳細(xì)步驟

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

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

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

2、從我的倉(cāng)庫(kù)克隆代碼：

$ 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

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

6、發(fā)布代碼：

$ npm run build

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

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

$ node prod.server.js

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手