記錄一下自己的學(xué)習(xí)過(guò)程。
首先，下載H-buildX軟件，直接度娘下載即可。
以前一直用的是vscode，這次做網(wǎng)上的項(xiàng)目用到了這個(gè)。
打開(kāi) 就是這樣的界面，首先介紹幾個(gè)常用的功能
右上角的預(yù)覽，也就是運(yùn)行你的Vue項(xiàng)目的界面效果，下面就是展示界面
?
當(dāng)前了，如果代碼不能正常運(yùn)行或者報(bào)錯(cuò)的情況下，該界面上就會(huì)顯示錯(cuò)誤信息。
?
?
這里就存放著我們新建的頁(yè)面，右鍵新建頁(yè)面。
?
可以選擇模板，對(duì)于初學(xué)者先試用默認(rèn)的模板即可，在右邊會(huì)顯示模板代碼。
創(chuàng)建完畢后，就會(huì)出現(xiàn)一個(gè)文件夾和一個(gè)對(duì)應(yīng)的vue文件。
下面說(shuō)一下我在發(fā)布頁(yè)面的時(shí)候遇到的問(wèn)題。
?
我想將我的Vue代碼發(fā)布到小程序中，看一下我的代碼在小程序運(yùn)行的狀況。
這里需要前提準(zhǔn)備：小程序開(kāi)發(fā)工具，配置H-buildX，小程序ID
?這里就是需要找到小程序開(kāi)發(fā)工具的路徑，配置到H-buildX中。
然后我們點(diǎn)擊發(fā)布
出現(xiàn)了下面的問(wèn)題：
正常來(lái)說(shuō)，我們都配置完畢后，應(yīng)該是能啟動(dòng)小程序開(kāi)發(fā)工具，并顯示我們發(fā)布的Vue程序在小程序運(yùn)行的界面，但是這里顯示報(bào)錯(cuò)了，根據(jù)報(bào)錯(cuò)信息，我們找到了錯(cuò)誤原因：
就是在小程序設(shè)置中的端口沒(méi)有開(kāi)
首先，打開(kāi)小程序開(kāi)發(fā)工具
?
點(diǎn)擊設(shè)置--安全設(shè)置
?在一開(kāi)始安裝小程序開(kāi)發(fā)工具時(shí)是關(guān)閉的，我們?cè)谶@里單擊即可，就可以打開(kāi)服務(wù)端口。
然后我們重新進(jìn)行發(fā)布，就可以發(fā)布成功了。
如果我們發(fā)布的界面沒(méi)有顯示，只顯示了默認(rèn)的uni-app的默認(rèn)界面，說(shuō)明我們的頁(yè)面層級(jí)關(guān)系需要調(diào)增一下。
?
?調(diào)整pages.json即可，默認(rèn)的層級(jí)關(guān)系是index為最上的，比如說(shuō)我們想展示的是home頁(yè)面，我們需要將home頁(yè)面的配置代碼放到index代碼信息上面。這樣就可以看到我們的代碼頁(yè)面了。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-460802.html
?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-460802.html
到了這里，關(guān)于H-buildX項(xiàng)目（學(xué)習(xí)筆記1.0）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
