react native Windows Android 环境搭建

https://ke.qq.com/course/197101#tuin=6935f7fc(视频路径)

根据reactnative 官方文档:

https://reactnative.cn/docs/0.51/getting-started.html

1.Chocolatey 不安装

react native Windows Android 环境搭建_第1张图片
Chocolatey

Chocolatey:类似应用市场,安装复杂,不安装

2.直接百度安装Python 2,Node

react native Windows Android 环境搭建_第2张图片
node

安装完node,要运行两行命令:

npmconfig set registry https://registry.npm.taobao.org --global

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

这两行命令是用来  将服务器设置到国内的淘宝镜像源,方便下载,提高下载速度

3.Yarn、React Native的命令行工具(react-native-cli)

react native Windows Android 环境搭建_第3张图片
Yarm

4.Java Development Kit [JDK] 1.8 下载安装

react native Windows Android 环境搭建_第4张图片

安装完JDK,设置环境变量 JAVA_HOME:

react native Windows Android 环境搭建_第5张图片
react native Windows Android 环境搭建_第6张图片

注意:JDK最好是1.8版本,否则运行中可能会报错

5.Android Studio

百度下载 Android Studio

react native Windows Android 环境搭建_第7张图片

下载之后运行安装

注意到安装下载界面后,点击取消,进入欢迎界面

react native Windows Android 环境搭建_第8张图片
react native Windows Android 环境搭建_第9张图片
react native Windows Android 环境搭建_第10张图片
react native Windows Android 环境搭建_第11张图片
react native Windows Android 环境搭建_第12张图片

之后,再添加连个PATH:

即:sdk下的tools和 platform-tools

react native Windows Android 环境搭建_第13张图片

6.Git

react native Windows Android 环境搭建_第14张图片
react native Windows Android 环境搭建_第15张图片

7.测试安装

Windows用户请注意,请不要在命令行默认的System32目录中init项目!会有各种权限限制导致不能运行!

react-nativeinit 项目名称

cd 项目名称

react-nativerun-android

react native Windows Android 环境搭建_第16张图片

当出现这个,表示测试成功!☺

我测试过程中,遇到报错:

这个是之前我搭建java环境时安装的jdk版本为9.0.1,解决办法是将jdk9.0.1卸载,安装jdk1.8.0_161,然后重新设置系统变量JAVA_HOME,重新运行,没有报错

react native Windows Android 环境搭建_第17张图片

你可能感兴趣的:(react native Windows Android 环境搭建)