如何Git Clone项目并将create-react-native-app创建的RN应用关联GitHub仓库

一、Git Clone项目并使用create-react-native-app工具的步骤 #

如果你想先克隆一个现有项目，再基于它搭建React Native开发环境，或者直接创建RN项目后关联远程仓库，跟着下面的步骤来就行：

1. 克隆目标项目到本地 #

• 打开目标GitHub项目页面，复制它的Clone地址（可选HTTPS或SSH，SSH需要提前配置密钥）
• 打开终端，切换到你想要存放项目的文件夹：

  cd /path/to/your/local/folder
  

• 执行克隆命令，把项目拉到本地：

  git clone <项目的Clone地址>
  

  举个例子：git clone https://github.com/your-username/classroom-forked-repo.git
• 进入克隆好的项目目录：

  cd classroom-forked-repo
  

2. 使用create-react-native-app搭建RN环境 #

注意：create-react-native-app现在已经整合到expo-cli里了，如果你还没安装，先全局装一下Expo CLI：

npm install -g expo-cli

或者用yarn：

yarn global add expo-cli

如果是想在已克隆的仓库里直接创建RN应用（注意会覆盖原有文件，建议先备份），可以在当前目录执行：

expo init .

然后选择你需要的模板（比如blank空白模板、tabs多标签模板），完成后就会生成RN项目文件。

如果你是想直接创建一个名为gitLocalHomeWork的RN项目，直接执行这条命令就行（和你提到的create-react-native-app gitLocalHomeWork效果一致）：

expo init gitLocalHomeWork

二、将React Native应用关联到已Fork的GitHub目录 #

你已经把课堂项目Fork到自己的GitHub，克隆到本地命名为gitLocalHomeWork，并且用create-react-native-app创建了RN环境，现在要把这个RN项目和你的GitHub远程仓库关联起来，步骤如下：

1. 进入RN项目目录 #

cd gitLocalHomeWork

2. 检查当前Git远程配置 #

先看看当前项目的远程仓库情况，确认是否已经关联：

git remote -v

如果是之前克隆的仓库，应该会显示你Fork的GitHub地址；如果是新创建的RN项目，可能没有任何远程关联，需要手动添加。

3. 添加/更新远程仓库关联 #

如果当前没有远程仓库，或者需要替换成你Fork的地址，执行：

git remote add origin <你Fork的GitHub仓库地址>

如果已经有origin远程，想替换成新地址的话：

git remote set-url origin <你Fork的GitHub仓库地址>

4. 提交并推送RN项目到GitHub #

先把所有RN项目文件加入Git暂存区：

git add .

然后提交更改，写个清晰的提交信息：

git commit -m "Initialize React Native app based on classroom project"

最后推送到GitHub的主分支（通常是main或master，根据你的仓库分支名调整）：

git push -u origin main

小提醒 #

• 如果你之前的本地仓库gitLocalHomeWork已经有少量文件，执行create-react-native-app可能会覆盖原有内容，建议先备份原有文件，或者手动合并新旧内容。
• 推送前确保你有对应GitHub仓库的推送权限，自己Fork的仓库一般没问题，团队仓库的话要确认权限。
• 如果推送时遇到冲突，先拉取远程最新内容：git pull origin main，解决冲突后再重新推送。

内容的提问来源于stack exchange，提问作者DCR