害，说多了都是泪，搞起吧，来搭个RN环境~

咱们分ios跟android两个平台环境，首先我们先进行ios的平台环境搭建

IOS目标平台

1下载xcode

知道你们懒，地址都给你们贴出来了，自己选版本哈，发文章的此时我用的是xcode11.4
https://developer.apple.com/download/more/

2安装Node

打开终端，输入命令

brew install node

如果一直在Updating Homebrew...长时间的话，按control+c，此时命令行会出现一个^C，等待1秒钟之后他就会继续往下跑了。
最后执行完毕，你会看到这样的

image.png

3切换成淘宝源

接下来执行命令

npx nrm use taobao

如果之后需要切换回官方，输入命令

npx nrm use npm

4安装watchman

输入命令

brew install watchman

老样子，如果出现长时间Updating Homebrew按control+c等待1秒

5安装Yarn

输入命令

npm install -g yarn

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。

6创建一个新项目44

输入命令

npx react-native init AwesomeProject

等加载完后你将可以看到这样的一个鬼东西

image.png

走完流程后项目就创建完成了，这时我们试试运行项目吧
输入命令

cd AwesomeProject
yarn ios

Ok，不出意外你的模拟器已经开始启动了，运行成功后你将看到你的第一个RN项目

image.png

Android目标平台

1下载Android Studio

https://developer.android.google.cn/studio/
接下来的步骤你可以先试试不fanqiang，如果搞不定可能你需要找一个科学上网工具，因为接下来要在Android studio里面下载一些东西

1.1完善配置

好了，现在我们打开Android studio，选择Configure-SDKManager

image.png

左侧选择System Setting-AndroidSDK，右侧勾选Android9.0(pie)

image.png
(你的应该是Not installed)
然后切换到SDK Tools，右下角勾选show Package Details，注意选中第一个红框28.0.3版本
image.png

最后点击右下角Apply-OK 他就会启动下载了

1.2 配置Android开发环境

我们需要把sdk路径配置到环境变量去（就在上面这张图-SDKTools上面一行-Android SDK Location 这就是你的Android SDK存放路径）
打开访达-前往-前往文件夹，输入

~/.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

不出意外应该是看到路径了，好了，配置环节到这暂时结束

2-3-4-5跟上面的一模一样哈

6安装jdk

可以先查一下自己的本地jdk是否是1.8，如果不是需要自己去下载，输入命令查询

javac -version

官网下载很慢很慢，建议自行百度寻找~
https://www.oracle.com/java/technologies/javase-jdk8-downloads.html

7创建项目

跟ios的步骤6一样，不啰嗦了哈

8运行项目

8.1开启模拟器

打开Android studio 右下角选择Configure-AVDManager
左下角点击Create Virtual Device，在弹出的窗里面选择一个机型-Next-择一个系统版本-Next-Finish

image.png

之后界面会回到刚开始的弹窗，点击右边的三角形按钮，启动模拟器即可

8.2运行项目

打开终端，定位到项目目录

cd AwesomeProject

执行项目

yarn android

此时会帮你加载许多鬼东西比如安卓开发里烦的一比的gradle等等，如果失败了，不要激动，这是再正常不过了，如果有稳定的科学上网工具那自然最方便了，如果真没有，可以试试添加阿里源

8.3 切换阿里源

首先你可以关闭掉科学上网了，如果Android studio里面设置了proxy也关闭，但是这样关闭也没用，需要去另一个文件删掉，具体做法打开访达——前往——前往文件夹

~/.gradle/gradle.properties

打开文件后把里面几行这个去掉

image.png

好，这就彻底关掉了

接下来我们去到我们刚创建的项目，如果你按照这篇文章创建的，那项目应该是在

~/AwesomeProject/android

接下来我们打开build.gradle文件，是这样的

image.png

我们将下面这几句添加到allprojects——repostiories里面

        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

ok保存退出，回到终端，继续执行之前的命令

yarn android

你会发现这次加载的速度简直飞快，最后你就会在模拟器/真机上面看到项目了

image.png

好的，你可以开始你的RN之旅了（真是蛋疼我才不想搞什么跨平台（&（……*&#）