React Native-初探

参考：https://reactnative.cn/docs/getting-started/

Mac下搭建开发环境

1. 安装依赖：Node、Watchman

brew install node
brew install watchman

2. 可选安装yarn，是facebook提供的替代npm的工具，可以加速node模块的下载。命令比npm简单些，对零基础用户友好些。

npm install -g yarn

3. 安装Xcode，本机自带，略

创建新项目

1. 卸载react-native-cli命令行工具，不知为什么，反正每次创建新项目前我都卸载一次npm uninstall -g react-native-cli，不然容易报错。

2. 如果是第一次创建项目，有几个难下载的第三方编译库需要提前下载
   2.1 百度盘下载后，将pods_0.60+.zip解压后的pods文件夹与~/Library/Caches/CocoaPods/pods文件夹合并(merge)，如果没有这个文件夹则创建一个。
   2.2 查找Mac下文件路径~/Library/Caches/com.facebook.ReactNativeBuild，没有的话需要cmd指定一个

   cachedir="$Home/Library/Caches/com.facebook.ReactNativeBuild"
   mkdir -p $cachedir
   

   将2.1获取到的文件夹rn-third-party拖拽到上面路径下。
   如果项目已经初始化过，记得删除项目中的node_modules文件夹

   上述方法参考地址

3. 创建新项目npx react-native init AwesomeProject，成功后显示
   

4. 如果Installing dependecies时间过长，可以cd到AwesomeProject项目的ios文件夹下，pod install安装第三方库

5. 通过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