uni-app 环境搭建以及注意事项

1、安装编辑器 HBuilderX 下载地址：https://www.dcloud.io/hbuilderx.html

下载成功，是一个压缩包zip、点击右键解压到本地文件夹

解压成功后，点击文件夹找到HBuilderX.exe，双击运行或者创建快捷方式添加到桌面方便以后使用

 

 

2、如果开发微信小程序要下载微信开发者工具进行预览、调试

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根据你的电脑型号下载相同的Windows版本

 双击exe文件安装，创建快捷方式添加到桌面

在HBuilderX编辑器，点击文件新建项目为uni-app

选择运行--->运行到小程序模拟器--->微信开发者工具

注意：如果是第一次使用，需要先配置微信开发者的相关路径，才能运行成功。先点击运行配置，将刚刚安装的微信开发者工具的路径复制过来，粘贴在下面的文本框中，填写好开发工具的路径之后，再点击运行--->运行到小程序模拟器--->微信开发者工具

 注意：还有一种报错的情况就是微信开发者工具拒绝HBuilderX访问，比如这种

 那我们就要先手动打开微信开发者工具，点击设置--->安全设置---->将服务端口打开

然后关闭微信开发者工具，到HBuilderX编辑器重新运行到微信开发者工具就可以成功运行了

新手注意以上两种情况！！！