一、uni-app 簡(jiǎn)介
uni-app是一個(gè)號(hào)稱可以開(kāi)發(fā)一次、部署到微信小程序、APP、支付寶小程序等多端的開(kāi)發(fā)工具。官網(wǎng):https://www.dcloud.net.cn/
官方建議開(kāi)發(fā)環(huán)境是使用 HBuilderX:
二、下載使用
從官網(wǎng)下載 HBuilderX ,我這里下載的是App開(kāi)發(fā)版。解壓,啟動(dòng) HBuilderX.exe
界面看起來(lái)很清爽。
1. 新建項(xiàng)目
這里打開(kāi)了一個(gè)示例項(xiàng)目。點(diǎn)創(chuàng)建:
創(chuàng)建成功以后:
2. 在電腦瀏覽器運(yùn)行調(diào)試
- 打開(kāi)main.js文件
- 點(diǎn)菜單: 運(yùn)行-運(yùn)行到瀏覽器-Chrome
如果找不到Chrome地址,會(huì)提示輸入:
點(diǎn)運(yùn)行可以啟動(dòng)了:
3. 運(yùn)行到手機(jī)
4. 使用微信小程序調(diào)試
看狀態(tài)欄運(yùn)行提示:
打開(kāi)微信開(kāi)發(fā)者工具,導(dǎo)入項(xiàng)目,路徑是項(xiàng)目下的unpackage/dist/dev/mp-weixn:
導(dǎo)入項(xiàng)目,即可使用微信小程序預(yù)覽或運(yùn)行項(xiàng)目。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。