React Native边学边做(一)环境搭建

      React Native，由facebook出品，号称学习一次，任何平台编写(Learn once, Write everywhere)，主要使用javascript语法，构建ios和android的原生app... 像我这种只开发过Web项目，没有任何App开发经验的码农很，听到上面的介绍，就忍不住想尝试一下，是不是真的那么神奇。

      首先，是环境搭建，先百度上找到官网(http://facebook.github.io/react-native/), 官网有点慢，又找了一下React Native的中文网(http://reactnative.cn/).

      React Native可以在windows上开发，也可以在linux或Mac上开发，我之前的开发环境是Windows，那就在winows下搭建环境吧(windows下开发,只能生成android项目, 加上React Native在ios下开发更方便，所以后面我又在ios下搭建了一遍)

      官网推荐先安装Chocolatey，再通过Chocolatey安装node.js和python2。

      安装完Chocolatey，安装node.js:

      choco install nodejs.install

      然后...卡住了，然后翻了一下中文网

        原来是“墙”造成的，后面的安装发现，这个“墙”还真的挺不方便的，幸好React Native中文网除了翻译官网的内容，还特意针对我们的网络环境作了一些补充说明。翻墙工具暂时就不下载了，先按中文网的步骤安装试一下。

        安装完node后设置npm镜像以加速后面的过程(因为我没有装翻墙工具，所以必须设)。

    npm install -g yarn react-native-cli
        安装android studio，我装的是2.2版本。
        android studio安装过程中，也同样遇到“墙”的问题，但是基本只要按React Native中文网的说明进行安装和设定就可以了
       终于到测试安装环节了！
       官网中，三句命令：react-native init AwesomePRojectcd AwesomeProjectreact-native start       第一句，初始化项目，第2句进入到项目，第三句，启动项目。       如果安装了翻墙软件，也许真的只要这3句就够了，可惜我没有，所以我得借助网络上前辈们的分享，一个个的填坑。      第一句安装就报错，最后发现是android没有配置好，官网或中文网中说明的api，Android SDK Build-Tools 23.0.1等等，一定要都下载好。   只剩最后一句了，结果又报错，差点崩溃。   查看生成的项目，android是用于安卓项目的，可用android打开，ios是用于ios项目的，可用xcode打开。   打开安卓项目，又卡死...   最后，总结下来，主要还需改两个地方，1:gradle使用本地文件；2:jcenter库，使用阿里云提供的库。      下载gradle-2.14.1-all.zip文件到本地，将安卓项目中的gradle-wrapper.properties中的路径改成本地路径
      distributionUrl=https/://services.gradle.org/distributions/gradle-2.4-all.zip      改成：
      distributionUrl=file:///xxxx/gradle-2.14.1-all.zip      gradle的版本号，我下载的是2.14.1，对应build.gradle中的设定是 classpath 'com.android.tools.build:gradle:2.2.2'
  //jcenter()  maven{url'http://maven.aliyun.com/nexus/content/groups/public/'}    随后，又遇到几个小问题，比如手机屏幕红屏，找不到摇一摇按钮等等，但是这些都是小问题，网上随便一搜都是解决方案。    搭建一个windows下的开发环境就花了半天时间，确实有点打击人的信心。  不过，随后，我试着在我的Mac搭建了一下，1个小时多，因为Mac下的android项目修改和windows下差不多。  接下来，索性试一下Mac下的ios项目，完全是一次性操作，没有遇到任何的坑。  所以，如果只是用来学习，建议还是先用Mac来开发ios吧，因为React Native针对ios和android的开发语法上是差不多，Facebook有些控件虽然一开始只开发了ios的，但随后又开发了共用的，所以前期学习，若要节约时间，完全可以先用Mac调试ios。