从零开始的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下载
这两项下载比较慢,建议挂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