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

Java JDK的安装

Java JDK的安装

下载JDK

JDK下载地址

配置环境变量

1. 新建“JAVA_HOME”系统变量

   JDK安装的路径
   

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

   

验证

1. 打开cmd

2. 输入java

3. 输入javac
   

android-sdk环境变量配置

android-sdk的下载

android-sdk下载地址

android-sdk的安装

1. 进入SDK的解压目录下，双击“SDK Manager.exe”打开SDK管理器，下载指定的版本
   

配置环境变量

1. 新建“ANDROID_HOME”系统变量

   android-sdk安装的路径
   

2. 配置Path系统变量

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

   

验证

1. 打开cmd
2. 输入adb
   

前端开发工具

Vscode

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

Debug

1. 谷歌浏览器
   
2. react-native-debugger
   下载地址

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

1. 下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行
   adb connect 127.0.0.1:62001 链接模拟器
   

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

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

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

5. 打开模拟器浮窗,选择settings,点击之后选择debug sever host ports那一项，输入IP地址+8081，reload一下，就可以实时刷新