1.环境需求
1.1咱装Homebrew
Homebrew是OSX的套件(包)管理器(类似于windows里的360管家,可以帮你下载软件),可以它安装很多组件
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
命令行执行brew -v进行检查brew是否已经安装成功
1.2安装npm和Node.js
Node.js最好安装4.0及以上版本,由于Node.js已经集成了npm,所以只要安装Node.js就行了,网址:https://modejs.org/en/download/
或者直接用命令行安装node,brew install node
1.3安装WatchMan
插件用于监控bug文件和文件变化,并且可以触发制定的操作
brew install watchman
1.4安装Flow
flow是一个JavaScript的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误
brew install flow
2.React Native安装
2.1安装React Native
npm install -g react-native-cli
3.创建项目
react-native init 项目名称
注意:由于众所周知的网络原因,需要等待很长时间
4.iOS开发环境 XCode
选择创建的工程中的iOS程序,运行起来,弹出本地服务器
需要修改url为本电脑地址
运行程序
5.android开发环境 Android studio
5.1.安装Android studio
5.2.安装模拟器
安装Genymotion,是一个第三方的模拟器,它比谷歌广官方的模拟器更易设置且性能更好,但是只针对个人用户免费
1)下载Genymotion https://www.genymotion.com/
2) 打开Genymotion,如果你尚未安装VirtualBox,它有可能会提示你安装
3)创建一个模拟器并启动
4)按下command+M可以打开开发者菜单(在安装并启用了React Native应用之后)
附上相关的文档链接:https://reactnative.cn/docs/getting-started/
欢迎关注我的公众号,专注iOS开发、大前端开发、跨平台技术分享。