uni-app

官方文档: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

 

 

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 博客之星2019 设计师:CY__ 返回首页