React Native搭建环境

React-Native环境搭建

搭建开发环境
欢迎使用 React Native!这篇文档会帮助你搭建基本的 React Native 开发环境(Windows)。

  • 一.安装JDK

    1.从Java官网下载JDK并安装  
            java -version 查看版本信息,检验是否安装成功
    2.配置环境变量  
            在此电脑右击,选择属性,找高级系统设置,选择环境变量
            JAVA_HOME=E:\Program Files\Java\jdk1.8.0_45
            CLASSPATH=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
            Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
            如果不太会,可以看这里https://blog.csdn.net/zhys0902/article/details/79499329
    
  • 二.安装Android SDK
    (推荐安装Android Studio2.0 。React Native 目前需要Android Studio2.0 或更高版本。Android Studio 需要 Java Development Kit [JDK] 1.8 或更高版本。你可以在命令行中输入 javac -version来查看你当前安装的 JDK 版本。如果版本不合要求,则可以到 官网上下载。)
    1.Android Studio 包含了运行和测试 React Native 应用所需的 Android SDK 和模拟器。除非特别注明,请不要改动安装过程中的选项。比如 Android Studio 默认安装了 Android Support Repository,而这也是 React Native 必须的(否则在 react-native run-android 时会报 appcompat-v7 包找不到的错误)。

      确定所有安装都勾选了,尤其是Android SDK和Android Device Emulator。
      在初步安装完成后,选择Custom安装项
      安装完成后,在 Android Studio 的欢迎界面中选择Configure | SDK Manager。
      在SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、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(必须是这个版本)。然后还要勾选最底部的Android Support Repository.
      2.配置ANDROID_HOME环境变量,确保ANDROID_HOME环境变量正确地指向了你安装的 Android SDK 的路径。
    
    ANDROID_HOME= C:\Program Files (x86)\Android\android-sdk
    
  • 三.安装NodeJS

    1.从官网下载node.js的官方4.1版本或更高版本
    
    2.可使用node -v的命令来测试NodeJS是否安装成
    
  • 四、安装git
    1.官网 下载git安装包

    2.配置环境变量
    

GIT_HOME=C:\Program Files\Git

  • 五.安装Python

    从官网下载并安装python 2.7.x(3.x版本不行)

  • 六.安装react-native

1.安装react-native命令行工具react-native-cli,git配置完成后可以clone React-native-cli了

1) 在命令行中进入你希望RN安装的目录
    2) 输入git clone https://github.com/facebook/react-native.git
    3) 进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g
  安装好之后,可以命令行下就有react-native命令了

 2.创建React-Native项目然后运行!
react-native init AwesomeProject
cd AwesomeProject
react-native run-android   

注意:你可以使用–version参数创建指定版本的项目。例如react-native init MyApp --version 0.39.2。注意版本号必须精确到两个小数点。

Windows 用户请注意,请不要在命令行默认的 System32 目录中 init 项目!会有各种权限限制导致不能运行!我不太会传图,如果看不明白的话,就打开官网或者https://blog.csdn.net/nnmmbb/article/details/72843823看下吧!

如果觉得搭建环境还是有些问题,推荐一个网址:https://blog.csdn.net/tomur/article/details/79064660,写得还是很棒的!

猜你喜欢

转载自blog.csdn.net/zoepriselife316/article/details/82726879