##react-native学习笔记(windows android)##第2天, Hello world !

第二天 Hello world !

2017年3月31日19:06:25
后天清明节放假,不过我提前放假了

今天的目标是写一个hello world出来

给atom装一些插件,发现下载好慢,百度了下
国内访问atom源很慢,解决方案

安装 yarn react-native-cli

  npm install -g yarn react-native-cli

安装完yarn后要设置镜像源：
yarn config set registry https://registry.npm.taobao.org –global
yarn config set disturl https://npm.taobao.org/dist –global

• 第一步,使用react-native-cli构建工具初始化app

    react-native init myapp
  

• 第二步,切换到app的目录内，使用react-native run-android 命令运行安卓版本的app

    cd myapp
    react-native run-android
  

运行起来 哈哈 意料之中的卡住
一直在下载gradle-2.14.1-all.zip

反正我下载了半个小时都没下载好,最后放弃了。
不就是需要安装个插件什么的么，我们手动安装一个。下面有两种方式，我用第二种方式。

• 通过咱们windows的Chocolatey包管理器安装
  choco install gradle
• 通过下载gradle-2.14.1-all.zip 手动安装，你也可以在官网下载别的版本，把最后面的路由去掉就是下载服务器文件目录
  • 解压到某个目录，我放在d:\android 里面，解压后找到D:\Android\gradle-2.14.1\bin 设置成环境变量的path
  • 在命令行窗口 输入 gradle -v 能正确的显示版本信息说明我们安装成功，接下来，关掉还在downloading 的cmd窗口
  • 再次运行 react-native run-android
  • 意想不到的事情发生了，他居然还是卡在那里，我服了！！！
  • 看来不是因为没有安装gradle造成，去这货的官网看了下，android studio默认就会安装这个打包工具，令人生疑的是这货指定了安装版本安装，看来是程序中配置了，下载路径。
  • 我遇到的坑肯定不是我一个人的坑，继续百度，人家的坑，哈哈，第一条就是这个问题，直接把这个配置文件的下载地址，改为本地文件路径。
  • 之前本地安装的时候已经下载了安装包，把这个配置文件（[myApp]/android/gradle/wrapper/gradle-wrapper.properties）url修改到安装包位置再试！！！
  • gradle跑起来了，然后下载他依赖的jar包，漫长的等待中……

再漫长的等待后，终于等到它再次报错，这次是调试工具adb 报的错error：unknown host services，直接百度咯，http://blog.csdn.net/liguilicsdn/article/details/50902194 。看来是tcp端口8081被占用，查了下是nodejs占用，不敢kill掉，怎么破，只能换端口了！！！

配置adb 的端口

新建一个环境变量
变量名为： ANDROID_ADB_SERVER_PORT
值为： 5037

其实默认的端口就是5037的，不知道为什么会跳到8081的node端口上面。
这次构建之前试下
adb kill-server
adb devices
在设备列表内，显示出唯一一个设备，就是对的，连手机之前记得打开usb调试。
再次运行 react-native run-android 终于手机上出现一个安卓小图标，myApp 构建完成，点击进去！！！！

我的天！！！ 白屏闪退！！！！！
休息了，看下明天怎么解决闪退的问题。
2017年3月31日23:38:22