官方文档:https://uniapp.dcloud.io/README
官方视频教程:https://ke.qq.com/course/3169971?taid=10920594303377075
学习视频:https://www.bilibili.com/video/BV1BJ411W7pX?p=1
(有资料包,讲义文档翻译到了博客
https://blog.csdn.net/G_Meteor/article/details/113063924 )
https://www.bilibili.com/video/BV1nb411g79e?from=search&seid=6481560235311698536
一.环境搭建
1.安装编辑器HBuilderX
[下载地址] https://www.dcloud.io/hbuilderx.html (有安装包)
HBuilderX是通用的前端开发工具,但为uni-app做了特别强化。
下载App开发版,可开箱即用
2.安装微信开发者工具 [下载地址]
(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html ) (有安装包)
二.利用HBuilderX初始化项目
1.点击HbuilderX菜单栏文件>项目>新建
2.选择uni-app,填写项目名称,项目创建的目录
三.配置相关路径及设置
1.如果是第一次使用,需要配置开发工具的相关路径及端口号。
点击工具栏的运行 -> 运行到小程序模拟器 -> 运行设置,配置相应工具的路径。
2.微信开发者工具在设置中安全设置,服务端口开启
3.要运行在app上需要用adb工具连接手机或者模拟器(
Win10安卓模拟器安装:
https://jingyan.baidu.com/article/ae97a646d5c2c9bbfc461d76.html
Android模拟器下载地址:https://www.visualstudio.com/zh-hans/vs/msft-android-emulator/(有安装包)
adb工具下载: https://adbshell.com/downloads (有安装包)
adb工具解压到指定目录
在该目录下Shift+鼠标右键,选择打开Powershell窗口
查看手机或者模拟器的ip地址与端口号
连接手机或者模拟器:.\adb connect ip地址:端口号,同时设置HBuilder里的Android模拟器端口号(Visual Studio Emulator for Android的默认端口号为:5555 ip地址需要自查)
查看连接状态:.\adb devices
四.运行项目
1.在浏览器里运行:在菜单栏中点击运行,运行到浏览器,选择浏览器即可运行
2.在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具,即可在微信开发者工具里面体验uni-app
3.在手机或模拟器里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到手机或模拟器 -> 选择调试的手机
五.资料及安装包下载地址
https://download.csdn.net/download/G_Meteor/14928674