React Native搭建环境

React-Native环境搭建

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

  • 一.安装JDKnode

    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 包找不到的错误)。python

    肯定全部安装都勾选了,尤为是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 2三、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
  • 三.安装NodeJSreact

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

    2.配置环境变量

GIT_HOME=C:\Program Files\Gitgit

  • 五.安装Pythongithub

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

  • 六.安装react-nativenpm

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

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,写得仍是很棒的!

本文同步分享在 博客“zoepriselife316”(CSDN)。
若有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一块儿分享。

相关文章
相关标签/搜索