IT技术 - 如何在github上将客户端和服务器端项目文件夹作为一个项目（api +前端）一起推送？ - 吾爱随笔录

如何在github上将客户端和服务器端项目文件夹作为一个项目（api +前端）一起推送？

IT技术 node.js reactjs git github react-fullstack

2021-05-08 04:38:57

我已经完成了我的项目。

我的堆栈：

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一个？请让我知道解决方案。谢谢！

3个回答

如果您创建的项目有自己的文件夹，那么您需要做的是：

根文件夹：项目 ./client ./server

从根文件夹启动 .git。
git 添加。（然后添加所有文件）
git commit... 等等。如果您需要任何帮助，请随时发表评论！

它会一次性添加您的所有文件，所以不用太担心，它不会推送任何空文件夹。

在某些情况下，create-react-app 会自行创建一个 git 存储库。在您的文件资源管理器中查找隐藏文件，并确保在推送您的内容之前删除客户端中的 .git 文件夹，它会向您抛出错误。

在你的主文件夹上运行 NPM install，它会为你创建一个 package.json。尽量不要把它想得太难，慢慢来。

希望这有帮助！

我认为你应该使用这个结构：

  -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/

我希望我回答了您的问题，如果我没有回答，请回复此回复

我通过在根文件夹（与客户端和服务器处于同一级别）中添加 .gitignore 文件并在该行中添加 .gitignore 文件解决了这个问题： node_modules/

这将忽略客户端和服务器的 node_modules。

之后初始化git：

git初始化
git 添加。
git commit -m '提交消息'
git push -u 原点大师

现在您可以访问 GitHub 存储库并确认不再有 node_modules 文件夹

其它你可能感兴趣的问题

上一篇如何使用 fetch 制作常用的 API 调用函数下一篇使用单个 shell 脚本运行 react 和 flask