搭建环境(Windows)

  1. 官方步骤: http://reactnative.cn/docs/0.31/getting-started.html
  2. 安装必要软件:
    1. 安装Chocolatey:( 参考官网: https://chocolatey.org/ )
      1. 安装步骤:
        1. 打开命令行,输入
@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
  1. 推荐安装的软件:
    1. 安装Gradle Daemon:
      1. 目的:开启Gradle Daemon可以极大地提升java代码的增量编译速度。
      2. 安装步骤:( 也可参考官网: https://docs.gradle.org/2.9/userguide/gradle_daemon.html )
        1. 命令行输入
 (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;
  1. 配置环境变量:
    1. 配置ANDROID_HOME环境变量:创建名为ANDROID_HOME的环境变量,值为SDK的位置

      如(D:\AppData\Local\Android\Sdk)

  2. 创建项目并运行测试:
    1. 创建项目:命令行输入,(注:NewProject为项目名称);
react-native init NewProject
2.  打开模拟器;
3.  运行项目:跳转到项目目录下,命令行输入;
cd NewProject
react-native run-android

你可能感兴趣的:(搭建环境(Windows))