Android Studio开发环境

Android Studio


开发环境


React Native创建项目需要

java 开发环境 -> jdk (只需配置环境变量)

gradle (只需配置环境变量)

Android Studio


安装Android Studio

Android Studio安装成功后如果弹出unable to access android sdk add-on list时
在Android Studio的安装目录下,找到\bin\idea.properties
在尾行添加disable.android.first.run=true,表示初次启动不检测SDK

Android Studio打开后默认配置进行安装

安装完成后打开Android Studio的界面右上角打开SDK Manager下载sdk

Android Studio开发环境_第1张图片
Android Studio开发环境_第2张图片
Android Studio开发环境_第3张图片

下载虚拟机

打开Android Studio的界面右上角打开Virtual Device Manager
Android Studio开发环境_第4张图片
Android Studio开发环境_第5张图片
Android Studio开发环境_第6张图片
Android Studio开发环境_第7张图片
Android Studio开发环境_第8张图片
Android Studio 模拟器一段时间后System UI isn‘t responding

进入AVD Manager,点击对应虚拟设备项最右边的倒三角

选择Wipe Data后再次启动模拟器即可


配置环境变量

在系统变量中的path中新增

D:\Devs\Java\bin	 # java文件夹下的bin目录
%JAVA_HOME%\bin
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
D:\Devs\gradle\bin	# gradle文件夹下的bin目录
D:\Devs\Android sdk\build-tools\32.0.0	
# Android sdk为Android Studio下载sdk的文件夹 下的build-tools\32.0.0

在系统变量中新增(不是在path中)

# Android sdk为Android Studio下载sdk的文件夹
ANDROID_HOME : D:\Devs\Android sdk
ANDROID_SDK_ROOT : D:\Devs\Android sdk





react native项目构建


使用react-native-cli脚手架创建项目


全局安装脚手架

npm i react-native-cli -g

创建项目

react-native init [项目名称]

将项目安装到手机(模拟器)运行

react-native run-android

项目启动

react-native start

项目一般使用react-native run-android启动,启动后会有调试框弹出
Android Studio开发环境_第9张图片
此界面关闭后会关闭项目 在命令行输入r即可重新加载项目




模拟器连接

Android Studio开发环境_第10张图片

你可能感兴趣的:(React,react,native,android-studio)