React Native 环境搭建

2024年5月1日 201次阅读 来源: Ki_音

平台选择

  • 移动应用平台：Android
  • 开发平台：Windows

开发环境搭建

1. Python 2

进入 python
建议选择 pyhton 2.7.* 下载
注意目前不支持Python 3版本。

2. Node

进入 node 建议选择LTS版本的Node下载

安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的 模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3. yarn

    npm install -g yarn

注意：目前npm5（我使用的版本为5.6.0）存在安装新库时会删除其他库的问题，导致项目无法正常运行。请尽量使用yarn代替npm操作。

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

4. react-native-cli

    npm install -g react-native-cli

5. Android Studio

进入 Android Studio 下载Android Studio
默认安装即可React Native目前需要Android Studio2.0或更高版本。

进入 Java Development Kit下载jdk
Android Studio需要Java Development Kit [JDK] 1.8（暂不支持更高版本）

  • 安装完成后，在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.

6. 环境变量配置

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。
Android SDK的路径：C:Users用户名AppDataLocalAndroidSdk

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

将Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat
tools路径：C:Users用户名AppDataLocalAndroidSdktools
platform-tools路径：C:Users用户名AppDataLocalAndroidSdkplatform-tools

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 选中PATH -> 双击进行编辑

开始执行

    react-native init App
    cd App
    yarn install
    adb device                    查看是否存在可调式设备
    react-native run-android
    原文作者：Ki_音
    原文地址: https://segmentfault.com/a/1190000015293202
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞