一、下載 HBuilder
1、首先進入官網http://www.dcloud.io/，下載 HBuilder。
2、打開下載好的HBuilder，準備開始安裝。
3、一路點「下一步」直到完成安裝即可。
// 官網下載鏈接：
http://www.dcloud.io/
二、創建工程
1、打開HBuilder，點擊 空白處->新建->H-MUI應用。
2、在創建應用框中選擇Weixin Plus並填好應用名稱。
3、選擇應用包名，即填寫應用id。
4、設置完應用id後，HBuilder會自動為您創建工程模板，可以在這裡設置應用的圖標、啟動畫面等。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HBuilder工程</title>
</head>
<body>
</body>
</html>
三、調試運行
1、在HBuilder工具界面上方，選擇運行–>運行（快捷鍵F5）。
2、打開運行的應用，通過使用「瀏覽」或「調試」把應用部署到瀏覽器或手機端。
3、通過瀏覽器或手機查看應用效果，查看調試情況，進行調整後再次部署。
// 運行快捷鍵：F5
四、打包發布
1、運行工具上方，選擇 發布->調試+打包->微信小程序。
2、填寫相應的應用信息完畢後，生成 .zip 的應用包，可用於在微信開發平台上線發布。
3、發布到各大應用商店需要提供應用的各種描述文件和應用圖標等，可以自行搜索資料，也可使用第三方的資源工具
// 發布方式
<br>
--發布->調試+打包
--選擇網頁地址或應用程序輸出路徑
--調試給瀏覽器和移動設備
--打包生成應用程序或網站的離線包
五、總結
以上就是使用HBuilder創建工程、運行、調試和打包發布的大致流程。HBuilder除了微信小程序外，也可以進行多個平台應用程序的開發，需要深入學習的可以查找官方文檔，進行更深入的學習和應用。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/189623.html
微信掃一掃 
支付寶掃一掃 