React-Native项目的环境搭建-win10/android

参考文档

官方文档

安装环境介绍

• 操作系统:Windows 10 家庭中文版
• 安装依赖：Node、JDK、Android 环境

Node安装

下载地址：https://nodejs.org/zh-cn/

下载msi,会帮你配置环境变量，一路默认安装就好，就是node包下载时间较长

JDK安装

安装

下载地址：Java SE Development Kit 8 - Downloads

点击下载时，要注册一个Oracle账号，然后返回登录就可以下载了，下载好点击安装即可

配置

搜索系统-> 高级系统设置->环境变量

在系统变量中新建 配置 JAVA_HOME 值就是jdk的安装目录

还需要在系统变量中的Path添加如下配置

检验

在命令行中输入java与javac,有用法出现代表安装成功

Android环境配置

下载Android Studio

下载地址：Android Studio

下载后，点击安装即可

安装 Android SDK

打开Android Studio，进入Tools->SDK Manager

根据官方文档，安装了Andriod10.0(Q)

安装模拟器

点击Create ,选择下载即可

配置 ANDROID_HOME 环境变量

在系统变量中添加ANDROID_HOME

在Path中添加如下

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

创建项目

在命令行中输入npx react-native init AwesomeProject,会进行相关依赖的下载

进入目录，运行npx react-native run-android

经过上面的配置，就会自动打开一个虚拟机

用Vscode 打开项目就会发现，展示的内容就是入口文件App.js的内容

到此环境搭建已完成，可以查询官方文件进行react-native的开发学习了

遇到的问题

• 在npx react-native init 项目名时，下载依赖很慢或者终止下载

  查看npm镜像

  npm config get registry
  

  切换下载镜像为淘宝镜像

  npm config set registry https://registry.npm.taobao.org
  

• npx react-native run-android时，模拟器显示错误

  重新多运行几次npx react-native run-android

• 其他问题

  可以尝试重启电脑或者重新运行项目，可能是由于有些配置要重启后才能生效的缘故