如何編譯成小程序、APP、H5代碼 · 齊博X1之小程序集群與uniapp教程

如果還沒有安裝好 HBuilderX開發工具的話，就點擊下面的鏈接地址先安裝 [https://www.dcloud.io/hbuilderx.html](https://www.dcloud.io/hbuilderx.html) 使用 HBuilderX開發工具前，請確認你打開了小程序開發工具的服務器端口，如下圖所示。只需要設置一次即可。 ![](https://img.kancloud.cn/00/9b/009b67c5acb68cebdb5fab7f24c084f8_1225x607.png) 安裝好HBuilderX開發工具后，就選擇導入你下載回來的源代碼 ![](https://img.kancloud.cn/e7/f5/e7f5447f643c1b809f455d49e66f6dc4_1476x848.png) 導入后，可以先本機調試預覽一下效果。如下圖所示 ![](https://img.kancloud.cn/ae/4b/ae4b6583393f863a7ada7a1136de6c8b_1146x720.png) 調序預覽沒問題后，就按下圖選中你的項目，發行成小程序代碼，如果H5代碼 ![](https://img.kancloud.cn/9e/bf/9ebf2d20d9e20ea504cc855252ebfab2_761x778.png) 生成的小程序代碼， ![](https://img.kancloud.cn/98/19/981944a127a6022e8bc72af1ba863b1f_1774x839.png) ![](https://img.kancloud.cn/92/ac/92ac288a0c6c156a1c2e13d94d7fa633_1579x985.png)