如何将整个 React 文件夹推送到 github?

How to push entire React folder to github?

我正在开发一个同时使用 React 和 Springboot 应用程序的项目,因此我为每个应用程序创建了单独的文件夹,并试图将它们都放入我的 github 存储库中。我很容易拖放 springboot 文件夹,但是当我将它拖到上传框中时,我的 React 根本没有上传。 vs code(我正在使用的编辑器)中是否有一个简单的终端命令来添加整个文件夹?

因为你想在 1 个存储库中添加你的 2 个不同的项目,你可以先将你的两个项目文件夹放在 1 个主文件夹中,例如:

MyFolder:
  - MyReactProject
  - MySpringbootProject

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

**/node_modules

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


您不需要 node_modules 文件夹

在线上传代码时,不需要上传 node_modules 文件夹,因为此文件夹包含项目所需的所有依赖项,但在线上传代码时,人们可以通过以下方式下载这些依赖项调用命令 npm install,它将从您的 package.json 文件中读取所有需要的模块,并将其下载到您的机器上。


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

授权自己后,首先创建一个新的空 github 存储库,方法是转到 github 或单击此 Link,然后创建 git hub 存储库打开 Terminal/Command 在你的两个项目所在的文件夹中提示,在这种情况下,我的两个项目都在 MyFolder.

打开后Terminal/Command提示输入这条命令:

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

在 运行 执行这些命令之后,最后 运行 这 2 个最终命令:

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

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

最后 运行 这个命令

git push -u origin main

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


如果你不想使用git命令你也可以使用Github Desktop,但建议你先学习git的基础知识然后使用git中心桌面