# uni-app開發環境搭建 uni-app開發和調試，需要用到以下軟件： | 名稱 | 說明 | | --- | --- | --- | | HbuilderX| HX是輕量編輯器和強大IDE的完美結合體。 | | 微信web開發者工具 | 微信官方提供，小程序調試工具 | | 花生殼 | 內網端口映射,支持各類協議棧，無需公網IP快速創建HTTP、HTTPS和非80類端口外網訪問數據通道 | 開發工具下載地址: | 名稱 | 下載地址| | --- | --- | --- | | HbuilderX| [https://www.dcloud.io/hbuilderx.html](https://www.dcloud.io/hbuilderx.html) | | 微信web開發者工具 | [https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html](https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html) | | 花生殼| [https://hsk.oray.com/download/](https://hsk.oray.com/download/) | ### 一、HbuilderX #### 1\. 下載安裝包 HBuilderX標準版可直接用于web開發、markdown、字處理場景。做App仍需要安裝插件。 App開發版預置了App/uni-app開發所需的插件，開箱即用。 如果你使用uni-app cli方式創建項目，編譯器會在項目下，且你不開發App，只用uni-app做小程序和H5，那使用標準版就可以。  下載解壓之后打開HBuilderX.exe,打開之后點擊"工具"菜單選擇"插件安裝",出現如下界面:  選擇"uniapp編譯"插件安裝,完成后可創建運行項目 ### 二、微信web開發者工具安裝 #### 1\. 下載安裝包 從微信小程序官方下載安裝文件，選擇windows 64版本。 #### 2\. 安裝 執行wechat_devtools.exe，一路next。