安装ReactNative开发IDE

https://blog.csdn.net/u014484863/article/details/51554428

 https://github.com/reactnativecn/react-native-guide

VSCode安装以及插件配置

直接讲VSCode安装实在突兀，先介绍一下VSCode。

在 Build 2015 大会上，微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 系统外，最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了！

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作……

4.1 安装Visual Studio Code

下载地址：https://code.visualstudio.com/Updates 
下载下来直接拖到Application中就可以使用了。

4.2 安装VSCode扩展工具

如果在VSCode上开发React Native，安装一个扩展工具可以带来极大的方便以及提高开发效率。该插件可以提供以下这些功能：调试代码、命令面板终端快速执行Reac-native命令、代码智能补全、React Native API以及React对象搜索浏览。

安装步骤： 
打开VSCode软件，按 Fn+F1; 
键入 ext install React Native； 
点击安装； 
重启VSCode。

4.3 使用VSCode于React Native项目

第一：调试配置 
首先导入项目到VSCode中，点击debugger icon ，然后点击配置icon ，然后选择React Native。

你可以修改哪些配置或者添加新的配置到这个列表中。你也可以利用在配置文件中其它的字段，例如，你能修改 target 字段指定iOS调试的模拟器

第二：开始调试（Start debug session） 
为了开始调试，通过配置下拉框选择一个调试项，然后点击运行箭头或者Fn+F5按键。这一步相当于android平台运行的运行方式：react-native run-native； 
iOS平台在Xcode中运行项目。 
具体看开头的连接地址