ReactNative-环境初始化

ReactNative 系列第一篇–>环境准备

---

安装软件

安装一些软件：Andriod studio, Android SDK， git， cygwin， nodejs

1. 安装cygwin环境，安装时选择git.

• 在http://www.cygwin.com/页面上根据对应版本下载setup_x86_64或setup_x86版本安装程序
• 安装时可选择cgwin 163镜像，参照http://mirrors.163.com/.help/cygwin.html说明设置。
• 安装时需要选择git,其它可选的有vim, gcc-core, gcc-g++, make等。

2. 安装nodejs.

• 淘宝镜像下载地址：https://npm.taobao.org/mirrors/node/，选择较新版本
• 我下载的是https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-win-x86.zip
• 将下载的nodejs文件node-v8.9.3-win-x86.zip解压至合适的位置。

3. 打开cygwin终端，设置NodeJs可执行文件路径，指定Node.exe，npm的位置

找到NodeJS解压位置，设置path

• ~ vim ~/.bashrc 在最后一行加入，替换为你自己的路径

  
  # export PATH=/cygdrive/e/ReactNative/tools/node-v8.9.3-win-x64:$PATH
  
  export PATH=Your_Node_Js_Path:$PATH

• ~source ~/.bashrc 重新执行Bashrc

• ~node -v 查看是否能找到node命令

  $ node -v
  v8.9.3

4. 设置taobao的npm镜像：

npm config set registry=https://registry.npm.taobao.org

5. 安装React-Native-Cli:

• 在github上搜索React-native，找到facebook的react-native项目地址：
  https://github.com/facebook/react-native，在此页面点Clone or Download下载zip包，下载完毕之后解压至合适目录。
• 打开Cygwin终端，进入到解压缩后的根目录，然后进入react-native-cli目录，执行npm install -g react-native-cli，-g为全局安装，下载zip之后解压再执行这一项命令要比单纯去网络上下载react-native-cli要快许多

6. 安装Andriod SDK

需要安装的组件有Andriod SDK 23, Andriod build tools 23.0.1，Android support library。大约这几个其它在后续报错时，缺少什么再安装也行。

7. 安装Java SDK

不要安装JavaSDK 9，安装Java SDK 8。

8. 设置环境变量

新建JAVA_HOME, ANDROID_HOME，分别指向第6，7个步骤安装的两个SDK根路径。将%JAVA_HOME%/bin及%ANDRIOD_HOME%/platform-tools加入到Path变量中。

9. 重启cygwin，进入App路径

执行react-native-cli init ProjectName，新建RN工程，完成之后进入建好的工程根路径:

• 执行react-native start，启动服务，启动之后打开网页http://localhost:8081/index.bundle?platform=android看到一些js文件表示服务启动成功。直接输入http://localhost:8081/也会告诉启动状态。
• 执行react-native run-android 执行启动Andriod-app的一系列操作,第一次执行需要的时间较长。
• 在无错误情况下，会将App安装到手机上并打开，你将会在手机上看到Hello World版本的App。
• 摇晃手机将会弹出一个下拉菜单，每当有修改js文件，点击此菜单中的reload app，将会重新加载，所以不必重新安装App。

错误记录

1. run-andriod过程中提示JDK的一些错误，主要检查JDK的版本，路径等。

• 不能使用Java SDK9
• 在cygwin终端中输入which java可以查看实际使用的java命令所在路径，据此配合Windows系统Path路径，修改为合适位置，因为有可能这个路径指向了其它版本的SDK。
• 如果有多个版本Java存在，echo $PATH可看一下搜索java可执行程序的先后顺序。
• Windows环境变量新建一些JAVA_HOME，指向根路径。

2. run-andriod过程中要求build-tools-23.0.1

可在这里下载http://mirrors.neusoft.edu.cn/android/repository/，搜索build-tools-r23.0.1

3. 提示未插入Android设备

手机打开Adb模式，安装usb驱动，cygwin终端输入adb devices可查看接入的Android手机，未列出任何Andriod手机，请继续检查。