第二天 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