react-native运行第一个程序(注:2016.10.20)

如果博文看得累的话请参照txt版本(http://pan.baidu.com/s/1eRZTPV8)
前置条件
>已安装node git java
>连接手机

需要工具
>* sdk manager (http://pan.baidu.com/s/1b0kiWQ)
>* adb (用sdk manager安装platform-tools后出现)

打开sdk manager

安装

Tools -> 
		Android SDK Tools
		Android SDK Platform-tools
		Android SDK Build-toos
		Android SDK Build-tools version 23.0.1
	Android6.0 ->
		SDK Platform
		Intel x86 Atom_64 System Image
		Intel x86 Atom System Image
	Extra ->
		Android Support Repository
		Local Maven repository for Support Libraries(或Android Auto Desktop Head Unit emulator)

设置android环境变量
>* ANDROID_HOME:D:\ecplise\eclipse备份\eslipse-adt-bundle\sdk
>* PATH: %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

设置sdk环境变量(Path中设置)
>* D:\ecplise\eclipse备份\eslipse-adt-bundle\sdk\tools
>* D:\ecplise\eclipse备份\eslipse-adt-bundle\sdk\platform-tools

设置adb环境变量
>* ADB:D:\ecplise\android_studio_sdk\sdk\platform-tools\adb.exe

* adb 是能控制手机的命令符程序 某些adb命令甚至能模拟触控点击事件

开始安装

安装rn

git clone https://github.com/facebook/react-native.git		
cd react-native-cli		
npm install -g

react-native init ProjectName				//初始化rn项目

这里需要连接手机 运行adb

手机要打开手机调试

cmd命令符提示框中 输入

->d:

->D:\ecplise\android_studio_sdk\sdk\platform-tools\adb.exe

->adb devices

若显示

List of devices attached

B2T7N16826007035 device

则表示手机或模拟器已经连上 可以进行下一步 List of devices attached 为空则表示没检测到

react-native start						//很慢 运行后 可以打开 http://localhost:8081/index.android.bundle?platform=android

这里再开一个git窗口,输入

react-native run-android					//运行项目

⑤ 出现红色背景色错误 手机上进行配置

   ->摇一摇
   ->Dev Settings
   ->Debug server host & port for device
   ->设置ip和端口 8081
   ->摇一摇 reload		//安卓调试地址 http://localhost:8081/debugger-ui

到此手机上出现页面了表示程序能够成功运行了

页面就是 index.android.js

rn的更新速度很快, 网上的博客普遍不适用, 建议上官网学习, 第一个练手页面用项目文件夹下init出来的 index.android.js 改着写就行

http://www.lcode.org/史上最详细windows版本搭建安装react-native环境配置/