安装依赖
1.先安装Homebrew(若已安装,可跳过)1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/
2.安装node和webpack
1 | brew install node |
测试node和webpack是否安装成功,可用如下命令进行检测。若本地安装,则会显示对应版本号。1
2node -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
2sudo 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
2cd AwesomeProject
react-native run-ios
提示:如果 run-ios 无法正常运行,请使用 Xcode 运行来查看具体错误(run-ios 的报错没有任何具体信息)。第一次运行会比较慢,需要耐心等待一下
3.修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
- 使用你喜欢的编辑器打开App.js并随便改上几行。
- 在 iOS 模拟器中按下⌘-R就可以刷新 APP并看到你的最新修改!(如果没有反应,请检查模拟器的 Hardware 菜单中,connect hardware keyboard 选项是否选中开启)