HBuilderX将uniapp项目运行到微信开发者工具

1、打开uni-app官网

        uni-app官网

2、点击快速上手---选择第一个通过HBuilderX可视化界面

3、开始之前，开发者需先下载安装如下工具：

        HBuilderX：官方IDE下载地址

        HBuilderX是通用的前端开发工具，但为uni-app做了特别强化。

创建uni-app

点击左上角新建 -> 项目（快捷键Ctrl+N）-> 选择uni-app

运行uni-app

1、浏览器运行：进入项目，点击工具栏的运行 -> 运行到Chrome（谷歌浏览器） -> 即可体验 uni-app 的 web 版。

2、在微信开发者工具里运行：进入项目，点击工具栏的运行 -> 微信开发者工具 -> 即可在微信开发者工具里面体验uni-app。