下载软件环境搭建:
安装编辑器HbuilderX :https://www.dcloud.io/hbuilderx.html
1.进入官网,点击下载按钮
直接点击按钮是一个压缩包,解压之后将.exe快捷放到桌面即可。非常简单
安装微信开发者工具:微信开发者工具下载地址与更新日志 | 微信开放文档
进入官网之后,根据自己的电脑型号、需求下载相应的版本,下载好之后点击安装,n布下一本即可。
就这样就安装好了
创建项目:
1.打开Hbuilder ,点击欢迎页中的创建项目,于是进入到如下页面,选择uni-app,同时选择uni-app的默认模版
运行:
运行到游览器:
点击相应的游览器,如图显示:
运行到微信开发者工具中:
如图所示,选择:
但是,在第一次运行微信开发者工具的时候,需要先配置小程序的ide的相关路径,否则会出现如下报错
当直接点击运行的话 会出现报错,同时会出现一个弹窗,此时呢,需要将微信开发者工具软件的下载路径复制到这个框里面,点击确认之后,同时在打开微信开发者工具 点击 工具---设置---安全设置,将服务器的端口号开启。
在重新运行到微信模拟器中,此时,就可以 打开了
运行到手机,其实步骤是一样,但是由于我没有安卓手机,ios手机还是小口没法插,就不演示了。