React Native init覆盖文件：如何避免覆盖现有项目的package.json和App.js？

嘿，完全懂你的顾虑——react-native init是专门用来初始化全新React Native项目的命令，它会在当前目录生成整套项目结构，包括覆盖package.json、App.js这类核心文件，幸好你没真的执行到底！要运行现有项目，你只需要做下面几步：

正确的操作步骤 #

确保你现在处于现有项目的根目录（就是包含package.json文件的那个文件夹），然后按顺序执行：

1. 安装项目依赖
   如果你的项目还没安装过依赖，或者依赖有更新，先运行：

   npm install
   # 如果你用Yarn的话，换成：
   yarn install
   

2. 启动Metro打包器
   这是React Native的核心打包工具，大部分项目会在package.json的scripts里配置启动命令，你可以直接运行：

   npm start
   # 或者Yarn：
   yarn start
   

   也可以直接用npx调用：

   npx react-native start
   

3. 运行到对应平台

   • 如果你要在iOS模拟器/真机上运行：

     npx react-native run-ios
     

   • 如果你要在Android模拟器/真机上运行：

     npx react-native run-android
     

额外提醒 #

• 以后如果要创建新项目，记得先新建一个空文件夹，进入该文件夹后再执行react-native init 你的项目名，这样就不会误操作覆盖现有文件了。
• 如果运行时遇到平台相关的错误（比如iOS的Pods未安装，Android的SDK配置问题），可以检查项目根目录的ios或android文件夹，对应执行pod install（iOS）或检查Android SDK路径配置。

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