- 官方步骤: http://reactnative.cn/docs/0.31/getting-started.html
- 安装必要软件:
- 安装Chocolatey:( 参考官网: https://chocolatey.org/ )
- 安装步骤:
- 打开命令行,输入
- 安装步骤:
- 安装Chocolatey:( 参考官网: https://chocolatey.org/ )
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
2. 利用Chocolatey安装Python 2:
1. 安装步骤:
1. 命令行输入
choco install python2
3. 利用Chocolatey安装Node:
1. 安装步骤:
1. 命令行输入
choco install nodejs.install
4. 安装React Native命令行工具(react-native-cli):
1. 目的:React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
2. 安装步骤:
1. 命令行输入
npm install -g react-native-cli
2. 注意:如果安装过程中遇到EACCES: permission denied权限错误,可以尝试运行下面的命令:
sudo npm install -g react-native-cli
5. 安装Android studio:
1. 注意事项:
1. 需要Android Studio 2.0或更高版本;
2. 需要JDK1.8或更高版本(如果版本不符合,可使用以下命令行来安装);
choco install jdk8
//或是
apt-get install default-jdk
- 推荐安装的软件:
- 安装Gradle Daemon:
- 目的:开启Gradle Daemon可以极大地提升java代码的增量编译速度。
- 安装步骤:( 也可参考官网: https://docs.gradle.org/2.9/userguide/gradle_daemon.html )
- 命令行输入
- 安装Gradle Daemon:
(if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")
2. 安装Genymotion:
1. 正常安装即可;
2. 配置Genymotion的SDK位置:
1. 找到SDK的位置;
> (比较简单的方法:打开Android Studio,File —> Other Settings —> Default Project Structure);
2. 打开Genymotion,Settings —> ADB —> 选择(Use custom Android tools) —> 将刚才找到的SDK位置填入其中
> 如(D:\AppData\Local\Android\Sdk);
3. 重启Genymotion;
- 配置环境变量:
- 配置ANDROID_HOME环境变量:创建名为ANDROID_HOME的环境变量,值为SDK的位置
如(D:\AppData\Local\Android\Sdk)
- 配置ANDROID_HOME环境变量:创建名为ANDROID_HOME的环境变量,值为SDK的位置
- 创建项目并运行测试:
- 创建项目:命令行输入,(注:NewProject为项目名称);
react-native init NewProject
2. 打开模拟器;
3. 运行项目:跳转到项目目录下,命令行输入;
cd NewProject
react-native run-android