记录HBuilderX将uniapp项目运行到华为手机

这篇具有很好参考价值的文章主要介绍了记录HBuilderX将uniapp项目运行到华为手机。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

解压并运行刚从官网下载的HBuilder X,新建一个项目

一、电脑下载【华为手机助手】并安装

下载地址: https://consumer.huawei.com/cn/support/hisuite/

二、华为手机设置

1、手机准备:华为(没有插入手机卡),原装数据线需要支持数据传输,而普通的数据线仅支持充电);
2、手机打开【设置】--【系统】--【关于手机】--【版本号】,连续多次点击版本号,页面弹出【已开启开发者模式】即可;
3、手机打开【设置】--【通知中心】--【设置】,将USB连接、开发者消息都开启,手机插上数据线,自动弹出【USB连接方式】,选择【传输文件】;
4、USB数据线连接方法一
    电脑端【华为手机助手】点击【USB数据线连接】,会提示
    记录HBuilderX将uniapp项目运行到华为手机
    
5、USB数据线连接方法二
    手机打开【设置】--【系统】--【开发人员选项】,开启【 USB调试】,【选择USB配置】中选择【MIDI、MTP、音频来源】都可以。


二者选其一,电脑端再点击【USB数据线连接】,手机屏幕会自动弹出【华为手机助手】页面并出现8位数字,输入电脑就会显示连接成功。

记录HBuilderX将uniapp项目运行到华为手机

记录HBuilderX将uniapp项目运行到华为手机

过程中手机会自动安装【华为手机助手】和【HBuilder】,具体细节记不太清楚了..

三、运行到小程序模拟器

1、在HBuilder X中【运行】--【小程序】--【运行设置】,小程序运行配置,将【微信开发者工具】的安装路径配置进去,首次运行会自动让你填写;
2、在微信开发者工具中,找到【设置】--【安全设置】,开启端口;
3、微信开发者工具右上角【详情】--【基本信息】--【AppID】,需要填写你的AppID。

四、运行到手机或模拟器

 HBuilder X首次运行到手机,会自动下载真机运行插件。
 在HBuilder X中选择【运行到手机或模拟器】--【运行到Android App基座】,手机可以调试了。

五、碰到问题

1、HBuilder X 运行模拟器时一直转圈,搜索不到手机
重新下载解压也不行,右下角一直提示更新,刚开始没有去更新,后来试着点击右下角【检查更新】按钮,之后就可以搜索到手机了。
这里必须要说一句,是不是很奇怪,才在官网下载的,按道理来说应该是最新版本。文章来源地址https://www.toymoban.com/news/detail-494812.html

到了这里,关于记录HBuilderX将uniapp项目运行到华为手机的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HbuilderX运行uniapp项目到微信小程序时,自动打开了微信小程序开发工具但是进不去项目

    这样选择之后,运行时一直停在打开微信开发者工具不能进入项目,如图: 这是因为你当前不是这个微信小程序的开发者,联系管理员添加你为当前小程序的开发者就行了。 或者是更换appid

    2024年02月11日
    浏览(63)
  • 华为手机真机调试HbuilderX

    1.首先在电脑和手机上安装手机助手,可以使用360华为腾讯,推荐使用华为手机助手 2.链接手机数据线至电脑,打开手机设置-关于手机-版本号(连续点击版本号)弹出您已处于开发者模式,此时已经开启了开发者模式   3.打开USB调试    4.选择USB设置-音频来源  5.打开电脑

    2024年02月12日
    浏览(55)
  • UniApp已经接了手机数据线,但运行工具警告 “没有检查到设备“ (华为手机为例 进行解决)

    大部分第一次使用uni进行手机调试都会遇到这个问题 首先 将手机的数据线插入电脑的usb接口是必备前提 然后 就是手机的权限拦截了设备扫描 这就是uni工具找不到设备的原因 接入手机线后 数据会弹出一个USB的提示 点进去之后 我们要设置 允许传输文件 千万别仅充电 接下来

    2024年02月09日
    浏览(77)
  • HBuilderX运行ios基座调试Uniapp

    uniapp小程序开发需要运行到ios调试基座进行调试,但网上没有mac os和Xcode最新版本的运行流程,所以写下本篇,希望对各位有帮助,适用于有mac电脑或者虚拟机,没有iphone真机的开发环境 第一次运行如果提示下载 mac , ios , watch os , tvos 的SDK,选择mac和ios的下载即可 如果没有

    2024年02月04日
    浏览(43)
  • HbuilderX连接手机模拟器实战记录

        点击进入HBuilderX 的官网,建议下载开发版.     这里使用逍遥模拟器,官方下载地址     1.工具–设置–运行配置中添加逍遥模拟器安装目录以及端口号,默认端口号:21503 2.adb.exe配置环境变量     adb.exe一般在HbuilderX目录中: HBuilderXpluginslaunchertoolsadbs     本机路径

    2024年02月09日
    浏览(50)
  • 解决:HBuilderX运行到手机提示没有检测到设备

    1、背景: 最近在开发app的时候,用hbuilderx运行到手机提示检测不到设备,通过以下步骤进行解决 2、操作: 我的手机是小米9的,首先保证手机是属于开发者USB调试模式 具体步骤: ①进入设置界面,点击【我的设备】 ②进入设备后有个【MIUI版本】,连续点击【MIUI版本】进

    2024年02月11日
    浏览(68)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月05日
    浏览(92)
  • 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2023年04月15日
    浏览(76)
  • 通过HBuilderX运行uniapp到微信者开发工具

    目录 一、安装开发工具 二、配置运行微信开发者工具 三、异常处理 1.[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C 2. [error] Error: Fail to open IDE 3.[app.json 文件内容错误] app.json: 在项目根目录未找到 app.json 安装HBuilderX 官方下载地址【官方IDE载地址】 HBuilderX是通用的前端

    2024年02月16日
    浏览(34)
  • WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案 webstorm开发的uniapp + hbuilderx进行app 小程序打包

    我们主要分析了如下小程序开发框架,主要包括: 框架 技术栈 案例 微信小程序 支付宝小程序 百度小程序 头条小程序 H5 App uni-app Vue 丰富 ⭕ ⭕️ ⭕️ ⭕ ⭕️ ⭕ Taro React 丰富 ⭕ ⭕ ⭕ ⭕ ⭕ ⭕ wepy Vue 丰富 ⭕ ❌ ❌ ❌ ❌ ❌ mpvue Vue 丰富 ⭕ ❌ ❌ ❌ ⭕️ ❌  首先,就要排

    2024年02月11日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包