react-native安装与环境搭建

| |

安装前

注意：不要使用 cnpm！
cnpm 安装的模块路径比较奇怪，packager 不能正常识别！

Python 2

  1. 打开 PowerShell 窗口

    • win+r -> PowerShell -> enter

  2. 安装 chocolatey，并设置环境变量

    1
    @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

  3. 安装 python2

    1
    choco install python2#main

java

  1. 安装
  2. 设置环境变量
    • JAVE_HOME
      • E:\Program Files\Java\jdk1.8.0_101
    • CLASSPATH
      • .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
    • PATH
      • %JAVA_HOME%\bin

android studio

  1. 安装选择

    • Android Support Repository
    • Android SDK
    • Android Device Emulator 模拟器（配置较多，推荐Genymotion）
    • HAXM加速驱动

  2. 环境变量

    • ANDROID_HOME
      • D:\Windows\Android\sdk
    • PATH
      • D:\software\AndroidSdk\tools\;D:\software\AndroidSdk\platform-tools\;
      • Android SDK的tools目录，以便在终端运行一些android工具：android avd、adb logcat 等

react-native-cli

  1. 全局安装 rn 脚架

    1
    npm install -g react-native-cli react-native

  2. 初始化项目

    1
    react-native init AwesomeProject

推荐安装

  1. 模拟器工具
    Genymotion
  2. 提高编译速度
    Gradle Daemon安装
    1
    (if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")

ps: api