1 - React Native从入门到入土 - 配置环境(附软

2018.12.18更新

可能遇到的问题

xcrun: error: unable to find utility "instruments", not a developer tool or in PATH

解决方法：在 终端执行如下命令 sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/

0.安装Homebrew , 在命令行下输入以下命令

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

BD5BBEAA-1F9D-48E8-AC64-CB90BA00C3AF.png

1.在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复,输入之后可能需要输入当前用户密码

sudo chown -R `whoami` /usr/local

5BD68365-FBCF-4ABE-9491-1DAC3597D4E5.png

2.安装Node

brew install node

3C802A99-39A1-4D90-A0A8-A14D4F4C1714.png

3.依次在cmd输入下面的命令

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

4.安装Yarn、React Native的命令行工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

CE70E32C-7135-4E5E-B7BC-230DDC86660E.png

5.安装Xcode

这个应该都已经安装了吧.

6.安装Watchman

brew install watchman

2D6DF02A-A05B-4B7D-883D-7A635DBC3CBE.png

6.测试是否安装成功

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

F0F2015E-8FA0-4A66-A92C-1074590E6F59.png

看到这个页面代表成功了

8B54A787-C6D9-4E06-B0BD-88256FF5E03F.png

7.最后编译成功

C73D2725-3059-4099-87F9-C50DA583C560.png

8.补充

react native 中文网配置环境视频教程
本文中需要的软件百度云链接
密码:fe89
小码哥跨平台开发环境配置视频教程
密码: mbva