创建你的第一个UNI-APP应用

目录

1.选择你的开放环境

2.创建uni-app应用

3.终端运行

（1）运行在浏览器中

（2）运行在HX的内置浏览器中

（3）运行在微信小程序中

（4）运行于安卓真机

（5）运行于苹果手机

---

1.选择你的开放环境

这里我推荐使用HBuilder X

在官网http://www.dcloud.io可以下载安装HBuilder X，直接解压偏可以使用。

打开HBuilder X之后，我们首先要安装插件，选择“uni-app 编译”、“scss/sass 编译”安装即可。

2.创建uni-app应用

点击菜单栏里的“文件”——>“新建”——>“项目”命令。

在弹出来的选项中选择“uni-app”类型，输入项目名“XXX”，选择默认模板，选择项目保存路径，点击“创建”按钮。

3.终端运行

（1）运行在浏览器中

进入uni-app项目，单击菜单栏的“运行”——>“运行到浏览器”——>“Chrome”命令，即可将“uni-app”项目运行在浏览器中。

在进行以上操作前，还需要提前下载Chrome，单击“配置web服务器”后选择浏览器安装路径。

为了更好的适应手机分辨率，可以在在Chrome浏览器运行界面按【F12】，进入开发者模式，进入手机预览模式。

（2）运行在HX的内置浏览器中

在插件安装里选择内置浏览器安装，在运行中选择“运行到内置浏览器”即可运行。

（3）运行在微信小程序中

安装微信开发者工具，根据操作系统选择合适的版本，在小程序运行配置中的微信开发者工具路径配置微信开发者的安装路径

单击“运行”——>“运行到小程序模拟器”——>“微信开发者工具”命令，即可开启服务端口，启动微信开发者程序

（4）运行于安卓真机

将数据线连接至计算机，选择“传输文件”，将手机提前设置为“USB调试模式”。

在HX中单击“运行”——>“运行到手机或模拟器”——>“运行-设备：Android-****”命令，即可将本次uni-app进行apk安装，等待安装成功后，即可运行。

（5）运行于苹果手机

在Windows平台连接苹果手机，需要先安装iTunes。安装好iTunes后，使用数据线连接选择“信任”。

在HX单击“运行”——>“手机运行”’——>选择iPhone设备命令。