ReactNative环境搭建

ReactNative中文网的环境搭建

iOS环境搭建

本文仅作安装记录 本质是根据以上中文网的教程一步一步执行的

第一步:如果没安装Homebrew 先安装Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

// 一路return 输入密码

第二步推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装：

brew install node

安装过程中保错 : Error: Failed to download resource "icu4c"

71383F79-2C48-44A0-9633-D341D229932E.png

brew install watchman

第三步 设置 npm 镜像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

第四步 安装Yarn

npm install -g yarn react-native-cli

第五步 安装完 yarn 后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

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

第六步….. Xcode

…………………………..开始创建一个ReactNative的项目…………………….

第一步: 初始化

react-native init LddApp

第二步 运行iOS模拟器 cd到刚才初始化完的rn项目下

react-native run-ios

Android环境搭建

按照中文网的要求一步步还算很顺利

56546454A21180ABD7DDBA1B7A01E175.png
[图片上传中...(52B28779984D318859782D88828507F3.png-a7d208-1563445569275-0)]
52B28779984D318859782D88828507F3.png 09784995BEA63071BD9240499E98F399.png

每一步都OK最后坑了一下

A4F7344A50EA0F33D17BB6FA7DF1949A.png

❌错误的原因是 没有把前几步安装好的android模拟器发动起来

#####################################
按两下R键刷新界面

adb shell input keyevent 82
呼出dev menu
当然Mac下也可以Command+M换出dev menu

671227255871551CE6D8B1A261D316FD.jpg

打开新安装的AndroidStudio发现并不能运行🙅‍♂️

Snip20190719_1.png

点了红色框 按照提示设置完 之后 可以run了....

[图片上传中...(33DD1D459463A0DFDDE3B35AF45847B7.png-3a4d19-1563506219048-0)]