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