Neact-Native学习之路

1. 搭建开发环境(mac)

1.1 Homebrew安装

在终端或iterm2运行：

 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

译注：在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local

1.2 Node4.0以上版本

brew install node

安装完node后设置npm镜像以加速后面的过程（或使用科学上网工具）。

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

1.3 ReactNative的命令行工具（react-native-cli）

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g react-native-cli   (-g :全局)

如果出现EACCES: permission denied这样的权限报错，需要修复/usr/local目录的所有权：

sudo chown -R `whoami` /usr/local

1.4 JDK1.8以上版本

下载地址安装完后运行

javac -version 检查是否安装成功！

1.5 Android-Studio(2.0以上版本)

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

安装完成后下载必须的SDK：

在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。

在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。（必须是这个版本）

需要在本地创建模拟器（至少有一个6.0以上版本）

ANDROID_HOME环境变量

配置android sdk到～/.bash_profile文件中

export ANDROID_HOME=~/Library/Android/sdk   //添加到～/.bash_profile文件中
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools //添加到～/.bash_profile文件中 android sdk的tools添加到path变量中

source ~/.bash_profile  //运行完才能生效
echo $ANDROID_HOME //检查是否生效

1.6 初始化第一个Neact-Native项目

react-native init firstNativeProject

cd firstNativeProject

react-native run-android

huo108/Learning-React-Native