(004)RN开发VSCode调试ReactNative项目

1. 添加配置文件

点击小蜘蛛后，按第一步、第二步操作即可
接着选择调试平台☑️下面四个。点击OK，会生成一个launch.json文件并打开。

2. 添加断点

接下来，我们回到DEDUG，点击右边的选择栏，选择Debug IOS
在index.ios.js（IOS界面搭建文件）文件上设置一个断点

3. 开始Debug

快捷键F1—>输入 ReactNative 从候选的 Run on ios simulater 来部署应用，等APP在模拟器上显示后，选择debug 启动按钮，即可

这时候要等待一小会，就可以看到已经跑到我们之前设置的断点了，然后就可以操作悬浮窗口进行调试了。

总结

上面是利用VSCode调试RN项目。像Xcode 一样简单。
此外还可以Chrome 开发者工具 来调试。此处暂不展开。后续再补。

了解一下项目基本结构分析

React Native学习笔记六：RN工程里面iOS项目从OC更换成SWIFT

参考

作者：雨纷纷__
链接：https://www.jianshu.com/p/39265866e8bf

(004)RN开发VSCode调试ReactNative项目相关推荐

用AndroidStudio和vsCode运行ReactNative项目
笔记 react-native学习笔记安装依赖必须安装的依赖有:Node.Watchman.JDK 和 Android Studio.虽然你可以使用任何编辑器来开发应用(编写 js 代码),但你仍然 ...
使用Visual Studio 2010开发和调试Html5项目
上周有幸参加微软技术大会(TechED2010),身临其境领略微软这样的国际化公司大家风范,云加端的概念将技术思维提到的一个新的档次,此行收获很大,在第一天谢恩伟提到正在进行的IE9开发大赛让我很是关 ...
QT开发网络调试助手项目总结
之前整理了一些使用QT开发串口调试助手的项目. 博客地址:上位机总结这次继续整理一些使用QT开发网络调试助手的项目. Qt开源作品41-网络调试助手增强版V2022 我的QT学习之路,编写UDP+t ...
Vscode 调试 Flutter 项目
1.Vscode 中打开 flutter 项目进行开发 2.运行 Flutter 项目 flutter run r 键:点击后热加载,也就算是重新加载吧. p 键:显示网格,这个可以很好的掌握布局情况 ...
(003)RN开发VSCode配置RN以及常用快捷键
VS Code 开源轻量级:更少的内存和 CPU 占用率更大的社区:插件,教程等使用 JavaScript 和 TypeScript 时更好一点更多"面向未来" WebSt ...
(002)RN开发之第一个项目以及真机运行
1. 创建新项目YangBoProject 使用 React Native 命令行工具来创建一个名为"YangBoProject"的新项目,终端中执行以下命令 react-nati ...
vscode调试Electron项目
打开项目文件夹,调试运行时选择创建launch.json文件 ,文件内容修改如下: {// 使用 IntelliSense 了解相关属性. // 悬停以查看现有属性的描述.// 欲了解更多信息,请访问 ...
VSCode调试C/C++项目
最近写完了自己的操作系统,深感有一个方便的调试环境是有多么重要,能够提升不少开发效率.恰好最近在的技术交流群里群友在问如何搭建VSCode调试操作系统的环境,刚考完试,就先把这篇VSCode调试C/C ...
Babylonjs入门02——VsCode+vue+babylonjs开发第一个babylon项目程序
Babylonjs入门02--VsCode+vue+babylonjs开发第一个babylon项目程序 1 环境搭建 2 创建vue项目 3 基于vue项目写第一个babylon项目 4 下一期再见 ...

(004)RN开发VSCode调试ReactNative项目

1. 添加配置文件

2. 添加断点

3. 开始Debug

总结

参考

(004)RN开发VSCode调试ReactNative项目相关推荐

最新文章

热门文章