从零开始的react-native学习【一】(环境搭建)

既然说的从零开始,那么就一步步来搭建react-native世界,注意请严格按照步骤来做,切勿跳跃进行安装,Lets go!

安装node及npm

下载地址:http://nodejs.cn/download/(我选择的是稳定版,系统根据个人来定)
在这里插入图片描述
下载完后安装
在这里插入图片描述
安装完成后打开cmd,输入node -v 和 npm -v检查
在这里插入图片描述

Ok,第一步完成,接下来安装react-native所需要的依赖

Python2 和Java SE Development Kit (JDK)

这里要注意, macOS Windows Linux 的安装步骤各不相同,我这里主要说的是window系统安装

Java SE Development Kit (JDK)下载
在这里插入图片描述
同时需要下载的是python环境,主要需要下载是python2.X版本

Python2下载

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这两项下载比较慢,建议挂VPN

Android 开发环境 Android Studio

这里下载Android Studio的原因是因为可以快速搭建android环境,国外的官网需要翻墙,这里给大家推荐一个国内的
Android Studio 中文
在这里插入图片描述
在这里插入图片描述
照着指引安装后运行android studio
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
护眼模式
在这里插入图片描述
在这里插入图片描述
这里地址很重要,很重要,很重要!!重要的事情说3遍需要记下来,后面会设置环境变量的
在这里插入图片描述
在这里插入图片描述
点击finish开始下载
在这里插入图片描述
在这里插入图片描述

至此,所有该下载应用全部完毕,接下来配置环境变量

配置环境变量

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
配置 ANDROID_HOME 环境变量,将刚刚安装sdk路径复制进来

把 platform-tools 目录添加到环境变量 Path 中

输入adb,检查命令是否生效,生效表示环境变量添加成功
在这里插入图片描述

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

打开cmd,$npm install -g yarn react-native-cli

创建项目

react-native init myApp

在这里插入图片描述

将手机调试模式打开后连上电脑

adb devices
在这里插入图片描述
看到上面的提示表示手机已连接

在项目根目录下执行命令
react-native run-android

在这里插入图片描述
第一次会下载很多依赖,耐心等待。。。

在这里插入图片描述
大功告成,o( ̄▽ ̄)ブ

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值