(四)ReactNative VSCode IDE开发插件

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