如何在 github 上將客戶端和服務器端項目文件夾作為一個項目（api + 前端）一起推送？

Question

我已經完成了我的項目。

我的堆棧：

Front-End UI => Reactjs
Back-End => Nodejs/Expressjs + MongoDB

下面是我的project structure ，其中包含這兩個文件夾：

project_Name > client + server

project_Name是主文件夾client和server是單獨的文件夾，它們都在project_Name文件夾中。 在client和server文件夾中，我安裝了各自的npm modules (reactjs + nodejs)

我的API end point在localhost:8000上運行， reactjs在localhost:5000上運行

所以現在我想將我的項目添加到github存儲庫。 我很困惑如何實現這一目標？ 我是否需要在單獨的 2 個不同的 git 上推送客戶端和服務器端代碼？

或者

我只需要上傳包含雙方項目文件的project_Name文件夾？ 但如果是這樣，那我怎么能這樣做呢？ 由於在推送到git之前，該目錄應該包含package.json文件和node_modules ，它們僅位於client和server端文件夾中。

這些是用於推送我正在使用的項目的git命令：

git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/vik.........git
git push -u origin main
                

但是我不知道我必須先在哪個文件夾中啟動repository ？ 請讓我知道解決方案。 謝謝！

Answer 1

如果您創建的項目有自己的文件夾，那么您需要做的是：

根文件夾：Project./client./server

1. 從根文件夾啟動.git。
2. git 添加。 （然后添加所有文件）
3. git 提交...等等。 如果您需要任何幫助，請隨時發表評論！

它會將您的所有文件添加到一個 go 中，所以不用擔心，它不會推送任何空文件夾。

在某些情況下，create-react-app 會自行創建 git 存儲庫。 在您的文件資源管理器中查找隱藏文件，並確保在推送您的內容之前刪除客戶端中的 that.git 文件夾，它會引發錯誤。

在您的主文件夾上運行 NPM install ，它將為您創建一個 package.json 。 盡量不要想得那么難，慢慢來。

希望這會有所幫助！

Answer 2

我認為你應該使用這個結構：

  -projectName: folder
     - frontend: folder
        - package.json
     - backend: folder
        - package.json
     - package.json

要執行應用程序，您可以使用 github 操作：

https://docs.github.com/en/free-pro-team@latest/actions

https://github.com/features/actions

或者

您還可以使用 heroku 或 firebase 之類的服務，請參閱我的項目（這只是一個解決您所要求的問題的簡單項目）

https://github.com/simCecca/InformationVisualizationWorldWide

結構是：

 -projectName: folder 
     - frontend: folder 
        - package.json
     backend code
     package.json // containing the BE dependencies and the dependencies for the 
                     deploy in heroku in this case

https://dashboard.heroku.com/

我希望我回答了你的問題，如果我沒有，請回復此回復

Answer 3

我通過在根文件夾（與客戶端和服務器相同的級別）中添加 .gitignore 文件解決了這個問題，並在該行中添加：node_modules/

這將忽略客戶端和服務器的 node_modules。

之后初始化 git：

1. Git 初始化
2. git 添加。
3. git 提交 -m '提交消息'
4. git push -u 原點主控

現在您可以訪問 GitHub 存儲庫並確認不再有 node_modules 文件夾

Answer 4

刪除 node_modules 並從根目錄推送它。

Answer 5

只需將 .gitignore 文件復制並粘貼到前端和后端文件夾中，git 將不會在 git 存儲庫中上傳 node_modules 文件夾。

Answer 6

在根文件夾中創建兩個名為client和backend的文件夾后（假設名稱為： my-project ）。 現在我們想像這樣將我們的代碼推送到遠程。

a）在GitHub （與根文件夾同名）中創建一個名為my-project的 repo b）檢查我本地的終端以檢查它是否在根目錄中。 c) 從 root: my-project % 運行以下所有命令。

git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/vik.........git
git push -u origin main

d) 現在從每個文件夾的根目錄 [ client和backend ] 創建一個.gitignore文件並寫入 node_modules 以在需要時忽略 node_modules。

e)git add .
f)git commit -m 'all codes is pushed to remote'
g)git push origin main

現在所有代碼都在遙控器中。 例如，如果在客戶端中更改了任何代碼。

a) cd client
b) git status
c9 git add ./ file name
d) git commit -m 'client code is pushed'
e) git push origin main

客戶端代碼現在也在遠程更新。 希望它會有所幫助。