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

react

既然说的从零开始,那么就一步步来搭建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下载







这两项下载比较慢,建议挂v*n

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( ̄▽ ̄)ブ

以上是 从零开始的react-native学习【一】(环境搭建) 的全部内容, 来源链接: utcz.com/z/383989.html

回到顶部