# 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。