React Native开发环境的搭建(Mac)

安装依赖

1.先安装Homebrew(若已安装,可跳过)

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

2.安装node和webpack

1
2
brew install node
brew install webpack

测试node和webpack是否安装成功,可用如下命令进行检测。若本地安装,则会显示对应版本号。

1
2
node -v
webpack -v

3.设置国内镜像(常年开vpn的可以忽略)

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

这里出错了,按提示走就可以,复制sudo那一行更改目录权限,再设置国内镜像。

4.安装RN:直接输入npm install -g react-native-cli。会因为权限不够而报错:npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules。所以我们直接输入下面两句话

1
2
sudo chown -R $(whoami) /usr/local/*
npm install -g yarn react-native-cli

测试是否安装成功:

1
react-native -v

创建RN项目到本地

1.创建RN项目

1
react-native init AwesomeProject

2.编译并运行 React Native 应用

1
2
cd AwesomeProject
react-native run-ios

提示:如果 run-ios 无法正常运行,请使用 Xcode 运行来查看具体错误(run-ios 的报错没有任何具体信息)。第一次运行会比较慢,需要耐心等待一下

3.修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:

  • 使用你喜欢的编辑器打开App.js并随便改上几行。
  • 在 iOS 模拟器中按下⌘-R就可以刷新 APP并看到你的最新修改!(如果没有反应,请检查模拟器的 Hardware 菜单中,connect hardware keyboard 选项是否选中开启)

大功告成

------ 本文结束------
0%