操作系统：Windows10

一、环境搭建

  React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致，通过声明式的组件机制来搭建丰富多彩的用户界面。要想使用React Native那么首先需要将环境配置好。本文我不会讲述太多环境搭建相关的内容，官网已经有很好的教程，地址：https://reactnative.cn/docs/getting-started.html。也可以自行百度，搜索React Native中文网。

环境搭建注意事项：
1、首先需要一个稳定可靠的FQ软件；
2、创建项目后以Android方式运行，如果出现版本问题，就需要去检查项目目下对应的android/build.gradle文件中如下的版本信息是否与自己的SDK版本匹配：

buildToolsVersion = "28.0.3"
minSdkVersion = 16
compileSdkVersion = 28
targetSdkVersion = 26
supportLibVersion = "27.1.1"

3、在首次编译的过程中如果出现如下问题：

error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/zhangyunfei/Downloads/demo1/react-native/RNTester/js/RNTesterApp.android.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map

解决方式，就是使用npm去安装下面的模块：

npm add @babel/runtime

以上是自己踩过的坑，在这里备注下。

二、选择IDE

  “工欲善其事必先利其器”，高手可以使用记事本都可以写程序，但是作为小白，还需要选择一款比较好的编辑器。开发React Native可以有很多可选用的编辑器，但是作为一个WEB工程师，可能大家更加常用的编辑器一般都是WebStorm。这里我也推荐大家使用WebStorm，但是如果希望后期的开发比较得心应手，就需要做以下的设置。

1、首先需要编辑器支持ES6的语法

File->Settings->Languages & Frameworks->JavaScript 将JavaScript language version 选择成Flow即可。

2、安装react和react-native库

File->Settings->Languages & Frameworks->JavaScript->Libraries 去Download下载react和react-native两个库

3、友好的智能提示
  一款较好的智能代码提示工具：https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

  很早以前有一个ReactNative.jar，但是后期删除了，所以网上大多数的教程都不准确。所以我们这里使用方法二，使用xml文件。将上面克隆下来的目录中的ReactNative.xml拷贝到你电脑WebStorm对应的目录C:\Users\用户.WebStorm2018.1\config下的templates目录下，如果这个目录不存在，自己手动创建好即可，这里使用的系统是Windows。

以上都配置好后，重启WebStorm，然后在编辑器中输入就会进行提示，如输入sty就会提示style。

到这里为止，整个环境的配置和IDE的设置就算完成，后面就可以开开心心写代码了。