react native开发环境配置
IOS环境搭建
1、安装依赖
Nodes watchman
2、安装软件
Xcode,Cocapods
3、IOS模拟器
Ps:安装网Xcode后,自带安装了IOS模拟器
搭建开发环境:
根据官网,分为完成原生环境和简易沙盒环境,完整原生环境需要安装ios环境、android环境和js环境,简易沙盒环境的缺点:1、将react native与原生交互的功能进行了封装,一旦用到没有被封装的功能,就没有办法了;2、需要将代码上传到云端进行编译,有可能造成代码泄漏;优点是开发环境搭建简单。
这里只单独介绍原生开发环境(操作系统macOS)
安装Home-brew
命令: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
按照官网,安装node和watchman
IOS环境:
app store安装Xcode
Android环境:
安装jdk Android Studio, Android SDK环境变量
jdk安装:
Oracle账号可以从这里获取:http://bugmenot.com/view/oracle.com
Android Studio下载地址:
https://developer.android.google.cn/studio
此地址是谷歌为国内用户提供的,不用担心被墙
安装Android Studio,按照指引来,直到出现Android Studio欢迎界面,下方有个Configure配置键,点开选择SDK manager,在对应的界面右下角勾选 show package details,勾选上 Android 9.0下面的Android SDK Platform 28 和Intel *86 Atom System Image 和 Google APIs intel *86 System Image,然后切换上面的标签,切换到 SDK Tools,勾选28.0.3,然后点击ok,弹出agreement,点击左侧刚选择的几项,全部accept,点击next,(此过程可能需要FQ)
配置Android环境变量
打开 ~/.bash_profile文件,没有的话需要创建一个,在里面添加
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
保存后,使用source $HOME/.bash_profile使环境变量立即生效
然后使用echo $ANDROID_HOME检查变量是否设置正确
添加Android studio虚拟机,打开Android studio, 选择configure, 选择里面的AVD manager,点击create virtual device, 选择phone, 选择pixel 2, 然后next, 选择Android9.0对应的一个去download,默认已经安装好一个了,用安装好的那个就行,然后next,再然后finish,然后点击三角符号,启动虚拟机。