vscode通过wifi调试真机的Flutter应用的教程

首先：我是在vscode 1.41.1版本下，Flutter 1.13.6版本测试wifi远程调试。

1，首先安装 ADB Commanads for VSCode扩展

并且必须确保ADB已经添加到系统环境变量中

如未添加请按照下面的方式添加，如添加请直接跳到下面。

2，添加环境变量

我将ADB安装到这个目录下，请查找自己的安装目录。

将这个目录添加到下面的图片中

到此环境变量安装完成。

3，连接真机

3.1，真机用usb连接电脑

3.2，在vscode中按快捷键 Ctrl + Shift + P

3.3， 选择 Disconnect from any devices

3.4，在选Reset connected devices port to :5555

3.5 最后选择Connect to device IP

3.6 输入手机的ip。

拔掉usb现在就可以用wifi调试了。只是wifi的模式会有些慢。

此链接为这个插件的github地址

总结

到此这篇关于vscode通过wifi调试真机的Flutter应用的教程的文章就介绍到这了,更多相关vscode wifi调试Flutter内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题

    笔者前段时间在做react-native开发,一直是有线连接安卓真机进行调试的.有线调试确实带来诸多麻烦,因为在调试过程中需要频繁和手机进行交互,导致有时候数据线脱落,就不得不重新安装debug apk,安装一次应用的时间大概在一到三分钟,大量的误触就使得花在安装应用花费的时间比较长.这几天在研究flutter,就上网搜了一下vscode 开发 flutter开启无线调试.然后顺藤摸瓜,把react-native的无线调试也试了一下. 参考文章:vscode通过wifi调试真机的Flutter应

  • vscode通过wifi调试真机的Flutter应用的教程

    首先:我是在vscode 1.41.1版本下,Flutter 1.13.6版本测试wifi远程调试. 1,首先安装 ADB Commanads for VSCode扩展 并且必须确保ADB已经添加到系统环境变量中 如未添加请按照下面的方式添加,如添加请直接跳到下面. 2,添加环境变量 我将ADB安装到这个目录下,请查找自己的安装目录. 将这个目录添加到下面的图片中 到此环境变量安装完成. 3,连接真机 3.1,真机用usb连接电脑 3.2,在vscode中按快捷键 Ctrl + Shift +

  • 详解Xcode 9 设置 iOS无线真机调试

    详解Xcode 9 设置 iOS无线真机调试

    本篇文章主要介绍了Xcode 9 设置 iOS无线真机调试,分享给大家,具体如下: 环境要求: 至少Mac OSX 10.12.6 iOS 11 Xcode 9 第一种情况 在笔者写作之前,Mac 和 iPhone 通过wifi连接的是同一个路由器,也即同一个局域网,这种情况需要的操作相对简单. 接下来进行操作: 1. "自己的工程" -> windows -> Device and Simulators ,打开设备和模拟器界面 Device and Simulators

  • Android Studio真机无线连接USB设备调试运行详解流程

    Android Studio真机无线连接USB设备调试运行详解流程

    前言 一般情况下,多数移动开发者使用的是数据线连接电脑,进行各种移动设备的调试,更有胜者,非常迷恋模拟器,模拟器它好不好,答案是好,因为直接运行在电脑上,直接操作,调试,确实方便.尤其是ios开发小伙伴,多数app通过模拟器基本上都能开发好,再用真机验证就可以了.但对于android,就比较恼火了,模拟器一直不好用,卡.慢都是影响撸码的心情.另外android设备随便弄个便宜的都是容易的,基本上是真机开发.那么非一般情况呢,例如我们使用了NDK也就是C层的代码时,由于架构匹配方面,需要用真机开发

  • iOS开发之(APNS)远程推送实现代码 附证书与真机调试

    iOS开发之(APNS)远程推送实现代码 附证书与真机调试

    远程推送通知 什么是远程推送通知 顾名思义,就是从远程服务器推送给客户端的通知(需要联网)远程推送服务,又称为APNs(ApplePush Notification Services) 为什么需要远程推送通知传统获取数据的局限性只要用户关闭了app,就无法跟app的服务器沟通,无法从服务器上获得最新的数据内容远程推送通知可以解决以上问题不管用户打开还是关闭app,只要联网了,都能接收到服务器推送的远程通知远程推送通知使用须知所有的苹果设备,在联网状态下,都会与苹果的服务器建立长连接什么是长连接只

  • 快速解决低版本Xcode不支持高版本iOS真机调试的问题方法

    快速解决低版本Xcode不支持高版本iOS真机调试的问题方法

    今天在进行真机调试的时候,遇到了以下问题. Could not locate device support files. This iPhone 6s is running iOS 10.2(14C92), which may not be supported by this version of Xcode. 见文知意,主要原因是在调试前我将iOS 升级到了最新版10.2版本,而我的Xcode8.1支持的最高版本是10.1的. 其实每次iOS SDK版本升级都会遇到相同的问题,之前遇到过相同的

  • android真机调试时无法显示logcat信息的解决方法介绍

    android真机调试时无法显示logcat信息的解决方法介绍: window-->show view-->android->devices, 打开devices,点击右边的截屏图片的按钮.等到出现截图的时候,logcat就出来信息了!

  • React Native 真机断点调试+跨域资源加载出错问题的解决方法

    React Native 真机断点调试+跨域资源加载出错问题的解决方法

    写在前面 闲来无事,折腾了一下React Native,相比之前,开发体验好了不少.但在真机断点调试那里遇到了跨域资源加载出错的问题,一番探索总算解决,目测是RN新版本调试服务的bug. 遇到类似问题的同学应该不少,这里做下记录,有需要的可以参考下. 如何断点调试 首先,在真机上加载运行RN应用(过程略). 然后,摇动手机,弹出开发菜单,选择"Debug JS Remotely". chrome会自动打开调试界面,地址是 http://localhost:8081/debugger-u

  • 基于移动端真机调试的图文教程(分享)

    基于移动端真机调试的图文教程(分享)

    最近要分析web页面,在安卓和ios上的性能差异,除了操作系统本身不同之外,应该还多地方要探究的,第一步就是要在真机上分析.所以总结一下几个方法. 1.Mac+iPhone+ Lightning+Safari 浏览器 步骤: 1)用:Lighting线将mac与iphone相连 2)iphone打开Web检查器(设置->Safari->高级->Web检查器) 3)iphone用safari打开要进行分析的页面 4)mac打开safari浏览器(菜单->开发->对应的手机名称-

  • iOS 真机调试微信小程序

    iOS 真机调试微信小程序

    平时开发小程序可以在开发者工具中进行调试,开发者工具提供了类似 Chrome DevTools 的调试面板,对于前端开发者来说入门门槛比较低. 小程序开发完成之后,我们需要在真机上进行测试,真机调试方面小程序开发者工具有预览.远程调试和设置体验版本三大部分功能.除了这三种方式之外,我们还可以使用真机远程调试,在 iOS 上可以通过实现 Safari 调试代码,安卓中可以安装 X5 内核的 inspect 版本,开启 Chrome remote debug 模式.使用真机调试不仅可以发现开发者工具

随机推荐