学习React Native 第一天--环境准备

学习React Native 第一天--环境准备

  • Java JDK的安装
    • 下载JDK
    • 配置环境变量
    • 验证
  • android-sdk环境变量配置
    • android-sdk的下载
    • android-sdk的安装
    • 配置环境变量
    • 验证
  • 前端开发工具
    • Vscode
    • RN运行在夜神模拟器的相关操作

Java JDK的安装

Java JDK的安装

下载JDK

JDK下载地址

配置环境变量

  1. 新建“JAVA_HOME”系统变量

    JDK安装的路径
    学习React Native 第一天--环境准备_第1张图片

  2. 配置Path系统变量
    %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

    Path系统变量

验证

  1. 打开cmd

  2. 输入java学习React Native 第一天--环境准备_第2张图片

  3. 输入javac
    学习React Native 第一天--环境准备_第3张图片

android-sdk环境变量配置

android-sdk的下载

android-sdk下载地址

学习React Native 第一天--环境准备_第4张图片

android-sdk的安装

  1. 进入SDK的解压目录下,双击“SDK Manager.exe”打开SDK管理器,下载指定的版本
    学习React Native 第一天--环境准备_第5张图片

配置环境变量

  1. 新建“ANDROID_HOME”系统变量

    android-sdk安装的路径
    学习React Native 第一天--环境准备_第6张图片

  2. 配置Path系统变量

    %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

    Path系统变量

验证

  1. 打开cmd
  2. 输入adb
    学习React Native 第一天--环境准备_第7张图片

前端开发工具

Vscode

1. 使用插件
	Prettier - Code formatter
	React Native Tools
	Simple React Snippets

RN运行在夜神模拟器的相关操作

  1. 下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行
    adb connect 127.0.0.1:62001 链接模拟器
    学习React Native 第一天--环境准备_第8张图片

  2. 链接完成之后,运行安装react-native项目

  3. 等待项目启动成功并安装在模拟器上

  4. 查询自己ip cmd运行->ipconfig获取IP地址

  5. 打开模拟器浮窗,选择settings,点击之后选择debug sever host ports那一项,输入IP地址+8081,reload一下,就可以实时刷新
    学习React Native 第一天--环境准备_第9张图片
    学习React Native 第一天--环境准备_第10张图片
    学习React Native 第一天--环境准备_第11张图片学习React Native 第一天--环境准备_第12张图片

你可能感兴趣的:(react,native,react,native)