React native环境安装 简单到不能在简单

文章中所有用的到软件
链接:https://pan.baidu.com/s/1di2MEdIWgaqOYS_HhMPneg
提取码:wu3u

1:node的安装

去官网安装node地址:http://nodejs.cn/download/ 根据自己电脑的位数下载
在这里插入图片描述
检测node安装
在这里插入图片描述

2:python2的安装

地址:https://www.python.org/downloads/ 不要下载 3版本 下载2.7.13版本
在这里插入图片描述
在这里插入图片描述
然后根据安装的路径:在
右击计算机 ->属性 ->高级系统设置 ->环境变量
系统变量 ->编辑 ->变量名"Path" ->在原变量值的最后面加上";python的安装路径"
在这里插入图片描述
然后 cmd 检测有没有成功 python --version
在这里插入图片描述

3:JDK的安装

地址:https://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html
注意:要下载 jdk 1.8版本
在这里插入图片描述
以下两种配置都可以,但是路径一定要搞清楚
第一种配置:
右击计算机 ->属性 ->高级系统设置 ->环境变量
系统变量 ->新建 ->变量名"JAVA_HOME" ->变量值:“C:\Java\jdk1.8.0_05”(JDK的安装路径)
系统变量 ->编辑 ->变量名"Path" ->在原变量值的最后面加上";%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin"
系统变量 ->新建 ->变量名"CLASSPATH" ->
变量值:".;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar"
点击确定 ->打开控制台(win+r)输入cmd ->输入java,如下图则安装完毕配置成功
第二种配置:

文件夹 java 下面创建 jdk 与 jre 两个文件夹
在这里插入图片描述
①java_home:安装的路径
在这里插入图片描述
②classpath(.;开头):.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar
在这里插入图片描述
③追加path变量的值:
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
在这里插入图片描述
然后 cmd 检测有没有成功 java–version javac
在这里插入图片描述

4:Android 开发环境

下载地址:http://www.android-studio.org/ 自行下载安装 React Native目前需要Android Studio2.0以上的版本
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
一直next,会出现安装的进度条 耐心等待就行,将所需要的SDK包下载下来后,点击SDK manager
在这里插入图片描述
在这里插入图片描述
点击finish的进行安装
在这里插入图片描述
在这里插入图片描述
在侧栏选中Android SDK,进行下图操作,大家务必记住Android SDK的路径,后面配置环境变量需要。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后就是安装 进度条

接下来我们要做的就是添加安卓的环境变量,打开控制面板\系统和安全\系统 》高级系统设置》环境变量,在系统变量里面新建一个变量,变量名是ANDROID_HOME,变量值是刚刚的Android SDK地址(如果不记得了,可以打开Android Studio里面的SDK manager去查看),然后保存就好了。
1:用户变量中:
ANDROID_HOME:安装的路径 sdk的安装路径
在这里插入图片描述
在这里插入图片描述
2:系统变量:
D:\model\adb\tools;D:\model\adb\platform-tools;在这里插入图片描述

5:创建React Native项目

1:安装依赖
在这里插入图片描述
2:创建项目
在这里插入图片描述
3:进入项目
cd 项目
4:运行项目 (需要打开三个终端)
1:在这里插入图片描述
1:npm start (react-native start)
2:在这里插入图片描述

6:成功后的页面

模拟器用的是 夜神
在这里插入图片描述
借鉴:
1:https://blog.csdn.net/qq_35307549/article/details/80663458
2:https://www.jianshu.com/p/626090aa604a

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值