uni-app 从零开始第二章:hello world

本文介绍了如何使用默认模板新建Vue3项目,并详细阐述了如何配置和运行项目到Web、微信小程序及Android平台,包括设置微信开发者工具端口、操作ADB连接mumu模拟器以及处理同步问题。同时,提到了真机测试插件的安装和使用。

一、新建项目

选择 默认模板,填写项目名,然后点击创建,我这里选择的是 vue3,大家自行选择,默认是2 


二、 运行项目到各个平台

注意,这里需要提前开启 微信开发者工具的端口

同样的,需要将mumu模拟器启动,然后 配置如下

找到adb文件 对应的目录所在位置,执行三个命令,注意命令执行的位置,是在这个目录下

(1).\adb_server.exe kill-server

(2).\adb_server.exe connect 127.0.0.1:7555

(3).\adb_server.exe devices

 然后在 HBuilder中配置相关路径

mumu端口为  7555 ,路径为 adb文件所在的路径

同样配置上 微信开发者工具的路径


三、项目运行

配置完成以后,我们就可以尝试将程序运行起来了

1、web

 等待编译完成,自动打开谷歌浏览器

2、微信小程序

 

 

3、安卓

这里 需要安装真机测试插件,就有这些选项了,没有的时候这里会提示安装插件

 

 如果一直卡在这里显示同步完成,请重新下载mumu模拟器,建议下载 X版本


 

四、项目目录介绍

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值