【问题标题】：How to push entire React folder to github?如何将整个 React 文件夹推送到 github？
【发布时间】：2021-12-20 04:33:57
【问题描述】：

我正在开发一个同时使用 React 和 Springboot 应用程序的项目，因此我为每个应用程序都有单独的文件夹，并试图将它们都放入我的 github 存储库中。我可以轻松拖放 springboot 文件夹，但是当我将它拖入上传框时，我的 react 一个根本没有上传。 vs code（我正在使用的编辑器）中是否有一个简单的终端命令来添加整个文件夹？

【问题讨论】：

定义“不合作”。 Github 有大量关于如何设置存储库、将文件添加到本地副本、提交更改，然后将更新的文件推送到在线存储库的文档。你读过那些吗？
确保在拖放之前删除了 node_modules 文件夹
@COMRADEDEV 这不是运行应用程序的关键文件夹吗？抱歉，我应该说，这是我第一次不得不同时使用这两个框架
您的package.json 文件包含您为该项目安装的所有模块的所有列表，node_modules 存储所有这些模块，如果您在某处上传源代码，则不需要放置node_modules 文件夹，因为使用该代码的任何人都可以下载您的代码，并且在代码文件夹中，他可以简单地运行命令npm install，它将再次下载并安装所有这些模块

标签： reactjs github push

【解决方案1】：

由于您想在 1 个存储库中添加 2 个不同的项目，您可以首先将两个项目文件夹放在 1 个主文件夹中，例如：

MyFolder:
  - MyReactProject
  - MySpringbootProject

这里MyFolder 是你的主文件夹，里面有你的两个项目，react 和 springboot。然后最后在MyFolder 中创建一个名为.gitignore 的文件，并将这一行放入该文件中：

**/node_modules

此文件的作用是，当您将代码推送到 github 时，它将忽略 .gitignore 文件中列出的所有文件和文件夹。

你不需要`node_modules` 文件夹

当你在线上传你的代码时，你不需要上传node_modules文件夹，因为这个文件夹包含了你项目需要的所有依赖，但是当你在线上传你的代码时，人们可以通过调用命令@来下载这些依赖987654332@ 将从您的package.json 文件中读取所需的所有模块，并将其下载到您的计算机上。

要在线上传您的代码，您首先必须在本地 git 程序上授权自己，要在 github 上授权自己，您可以阅读此Article。

授权自己后，首先创建一个新的空 github 存储库，通过转到 github 或单击此Link，在创建 github 存储库后，在您的两个项目所在的文件夹中打开终端/命令提示符，在此上下文我的两个项目都在MyFolder。

打开终端/命令提示符后输入以下命令：

git init
git branch -M main
git add .
git commit "Added all the files"

运行完这些命令后，最后运行这两条最终命令：

git remote add origin https://github.com/username/repository-name.git

在这里，将username 替换为您的github 用户名，并将repository-name 替换为您在创建新存储库时指定的存储库名称。

最后运行这个命令

git push -u origin main

并且你的代码应该被推送到 github 上。

如果不想使用git命令也可以使用Github Desktop，但建议先学习git基础，再使用github桌面

【讨论】：

你不需要node_modules 文件夹

你不需要`node_modules` 文件夹