uniapp开发环境配置 入门教程

windows搭建uniapp开发环境 入门教程；

uniapp官网：https://uniapp.dcloud.io/

1. 下载uni-app开发者工具（HBuilderX），网址：https://uniapp.dcloud.io/
   

2. 先确定本机adb环境变量是否配置完成，如果配置完成后，将配置本机adb环境变量到HBuilder开发工具中：
   adb默认端口修改为：5037
   备注：adb环境变量配置，将adb路径配置到系统 > 高级 > 环境变量 > path 中即可。
   
   

3. 文件 > 新建 > 项目 > uniapp， 并设置项目保存路径。
   

4. 打开项目 demo > unpackage > manifest.json > 基础配置，设置uni-app 应用程序标识。
   这里需要先注册登录后才可以点击云端获取（app-id）。
   

5. 下载微信小程序开发者工具，网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
   下载完成后安装，在HBuilderX开发者工具中，配置小程序安装路径。
   
   

6. 点击，运行 > 运行到手机或模拟器 > 设备xxxxx ，查看控制台和手机端，如果出现 index.vue中的返回内容，则表示运行成功。
   
   
   

补充：

关于uniapp官网的 demo，官网上并没有找到，实际上应该在创建项目中选择，然后就运行在手机上就可以了。

打开 HBuilderX > 文件 > 新建 > 项目 > 选第二个， 然后运行在设备上就可以了。