uni-app如何創(chuàng)建并運(yùn)行微信小程序項(xiàng)目
很多人都會(huì)用uni-app創(chuàng)建小程序,那么如何創(chuàng)建呢?下面小編給大家分享一下。 1. 點(diǎn)擊文件,選擇新建下面的項(xiàng)目 首先,在HBuilderX的菜單欄中點(diǎn)擊"文件",然后選擇"新建"下面的"項(xiàng)目"
很多人都會(huì)用uni-app創(chuàng)建小程序,那么如何創(chuàng)建呢?下面小編給大家分享一下。
1. 點(diǎn)擊文件,選擇新建下面的項(xiàng)目
首先,在HBuilderX的菜單欄中點(diǎn)擊"文件",然后選擇"新建"下面的"項(xiàng)目",如下圖所示:
2. 選擇uni-app類(lèi)型,起個(gè)名字即可
接著,在彈出的對(duì)話框中選擇"uni-app"類(lèi)型,并給項(xiàng)目起一個(gè)名稱(chēng),如下圖所示:
3. 建立小程序目錄
然后,系統(tǒng)會(huì)自動(dòng)為你創(chuàng)建一個(gè)小程序的目錄結(jié)構(gòu),如下圖所示:
4. 設(shè)置微信開(kāi)發(fā)者工具路徑
接著,點(diǎn)擊工具下面的"設(shè)置",然后在彈出的對(duì)話框中選擇"運(yùn)行配置",如下圖所示:
5. 登錄微信開(kāi)發(fā)者工具
然后,打開(kāi)微信開(kāi)發(fā)者工具,并點(diǎn)擊其界面上的"設(shè)置"按鈕,進(jìn)入安全設(shè)置頁(yè)面,如下圖所示:
6. 開(kāi)啟服務(wù)端口
在安全設(shè)置頁(yè)面中,勾選"開(kāi)啟服務(wù)端口"選項(xiàng),如下圖所示:
7. 填寫(xiě)web服務(wù)調(diào)用URL
接著,在HBuilderX的運(yùn)行配置頁(yè)面中填寫(xiě)你的web服務(wù)調(diào)用URL,如下圖所示:
8. 運(yùn)行到小程序模擬器
然后,點(diǎn)擊HBuilderX界面下方的"運(yùn)行"按鈕,選擇"運(yùn)行到小程序模擬器",如下圖所示:
9. 自動(dòng)更新到微信開(kāi)發(fā)者工具
最后,HBuilderX會(huì)自動(dòng)將你創(chuàng)建的小程序更新到微信開(kāi)發(fā)者工具中,如下圖所示:
通過(guò)以上步驟,你就成功地創(chuàng)建并運(yùn)行了一個(gè)uni-app的微信小程序項(xiàng)目。