vscode是我个人用过的最舒服的开发工具,同样,集成了git,支持插件,最主要的是占用内存小。atom是我开发react native最先用的工具,有酷炫的开发效果,但是最令我不爽的是,占用内容大,酷炫的插件没装几个就卡的不行。所以个人推荐vscode,让代码飞。。。
(一)React Native Tools
该扩展工具(React Native Tools)给React Native项目提供了一个开发环境。你可以调试你的代码、通过命令面板终端快速的运行react-native命令、并且支持代码智能补全,对象搜索浏览、方法、参数以及其他一些React Native API。
(二)调试
3.1安装调试环境(Setup debug environment)
在左侧菜单中点击调试图标 ,然后点击configure齿轮样子的图标来选择React Native调试环境,以上两个小图标的样式分别如下:
VSCode会生成一个launch.json文件保存在项目,同时里面会有一些默认的数据配置,如下图所示:
上面的配置文件你可以修改这些配置信息,或者往列表中添加新的项。你也可以在这些配置信息中使用其他属性。
例如:你可以修改target属性来指定iOS调试的模拟器
3.2.开启调试(Start debug session)
为了开始调试,通过配置下拉框选择一个调试项,然后点击运行箭头或者F5按键.如下图所示:
你可以调试Android模拟器,Android设备或者iOS模拟器中的应用,当前插件提供iOS设备的支持。有关使用VS Code进行调试的更多详细信息请点击查看
3.3使用iOS设备调试(Debugging on iOS Device)
采用iOS设备调试需要完成以下一些常规步骤:
①.在APP中改变jsCodeLocation IP,更多详细的步骤请点击查看
②.从调试配置下拉框选择Debug iOS并且按F5按键
③.摇一摇设备,打开开发者菜单,并且选择”Debug in Chrome”
(三).命令面板终端中使用React Native命令
在命令面板中,可以匹配React Native类型命令,并且选择命令,如下图所示:
①.运行Android命令,触发react-native run-android 来进行打开android app
②.运行iOS命令,触发react-native run-ios来进行打开并且在iOS模拟器中运行(iPhone 6)
③.Packager命令,可以允许我们打开/关闭React-Packager