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