## 1.前言 目前官方開發的小程序均使用uniapp開發（非微信原生），所以此章節單獨指導大家怎么使用uniapp, > 用uniapp開發有什么好處，這里簡單提一下，一是學習成本低，一般前端會vue看點教程能很快入門，而且一套代碼就能發布到iOS、Android、Web（響應式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺，插件市場也有大量二開框架及大量優秀使用案例，在國內基本是開發各種小程序的首選 ***** ## 2.下載編輯器 下載地址：https://www.dcloud.io/hbuilderx.html 下載并安裝 **注意**：如果是第一次使用，需要先配置小程序ide的相關路徑，才能運行成功。如下圖，需在輸入框輸入微信開發者工具的安裝路徑。  ? 打開微信開發者工具，點擊工具欄`設置`→`安全`→`服務端口`開啟。  打開項目里的`manifest.json`配置文件 點擊微信小程序配置，填寫您的`微信小程序AppID` ***** ## 3.安裝插件 常規項目需要安裝less編譯 scss/sass編譯等，頂部導航欄【工具】-【插件安裝】，通常你沒安裝插件會給你提示，點提示安裝插件即可，完全傻瓜化 ***** ## 4.導入項目 一般項目位于者插件uniapp目錄里面，直接將文件拖進hbuilderx編輯器即可 ## 5.運行項目 頂部導航欄點擊【運行】，可以運行到h5和各種小程序環境  ***** ## 6.發布項目 頂部導航欄點擊【發行】，可以運行到h5和各種小程序環境，小程序則在微信開發者工具點擊上傳即可  ***** ## 7.預覽項目 有些模塊或者插件后臺有預覽，那你需要將項目頂部導航欄點擊【發行】-【網站-PC Web或手機H5】 然后將編譯出來的包放置網站的運行目錄也就是public目錄下 新建一個目錄以模塊命令,比如H5設計模塊,那就是diywap目錄  ***** ## 8.常見問題 1.提示上傳代碼超出限制，可選擇`運行`-`運行到小程序`-`運行時是否壓縮代碼`打勾 2.小程序圖片不顯示,由于yzncms上傳圖片默認不帶域名,只需要修改`config/app.php`配置`cdnurl`，如：`http://www.yzncms.com`