参考:https://reactnative.cn/docs/getting-started/
Mac下搭建开发环境
- 安装依赖:Node、Watchman
brew install node
brew install watchman
- 可选安装yarn,是facebook提供的替代npm的工具,可以加速node模块的下载。命令比npm简单些,对零基础用户友好些。
npm install -g yarn
- 安装Xcode,本机自带,略
创建新项目
卸载react-native-cli命令行工具,不知为什么,反正每次创建新项目前我都卸载一次
npm uninstall -g react-native-cli
,不然容易报错。-
如果是第一次创建项目,有几个难下载的第三方编译库需要提前下载
2.1 百度盘下载后,将pods_0.60+.zip解压后的pods文件夹与~/Library/Caches/CocoaPods/pods文件夹合并(merge),如果没有这个文件夹则创建一个。
2.2 查找Mac下文件路径~/Library/Caches/com.facebook.ReactNativeBuild,没有的话需要cmd指定一个
将2.1获取到的文件夹rn-third-party拖拽到上面路径下。cachedir="$Home/Library/Caches/com.facebook.ReactNativeBuild" mkdir -p $cachedir
上述方法参考地址
-
创建新项目
npx react-native init AwesomeProject
,成功后显示
如果
Installing dependecies
时间过长,可以cd到AwesomeProject项目的ios文件夹下,pod install
安装第三方库通过
npx react-native run-ios
或者.xcworkspace文件打卡项目
常用命令
创建新项目:npx react-native init MyAppName
,指定版本号:npx react-native init MyAppName --version 0.0.1
,版本号必须精确到两个小数点
打开项目:npx react-native run-ios
、yarn react-native run-ios
或者yarn iOS
指定模拟器打开项目:npx react-native run-ios --simulator "iPhone X"
查看可用设备:xcrun simctl list devices