理解-在“将页面部署”教程中到底发生了什么？

Question

背景： UI/UX设计者在webdev上的经验非常少，试图学习更多，并掌握整个端到端管道。我正在寻找的答案，以加强我的“心智模式”的反应管道的理解。

在遵循了React页面部署教程(https://github.com/gitname/react-gh-pages)之后，我想完全了解到底是怎么回事，以及如何在实际的用例中继续工作。

我已经成功地使用create-react-app创建了一个标准的React应用程序，并按照上面链接的教程进行了第一次github提交，然后使用npm run deploy将该页面发布到github页面，我可以在浏览器中访问该页面，并查看我的页面是否正常工作。

不过，我只是模糊地理解了我所做的事情，需要帮助理解这里的git工作流程。

首先，成功发布了我的应用程序后，未来更新的工作流程是什么？假设我回到我的本地编辑器并对我的应用程序做了一些修改，我应该每次运行npm run deploy吗？

其次，是git和github的新手，我在上面的教程中执行了许多与git相关的操作。他们到底做了什么，这些行动--如果有的话--我需要在未来的部署中重复一遍吗？

最后，选择在windows上使用VScode，如何将在cmd提示符下运行的所有这些操作与VScode中的版本/git管理协调起来？有可能在那里部署所有的东西吗？与教程让我在cmd行中所做的相比，VScode的推送有什么意义？

我发现很多我想学的东西似乎被大多数的资源作者认为是理所当然的，所以很难找到可访问的信息，这样我就可以建立一个关于这些基础的强大的心理模型。

Answer 1

回答1 -是的。每次都应该再次运行npm run deploy。不过，您可以通过设置CICD管道来实现此过程的自动化。这样，一旦代码被合并，就会触发部署。这将阻止您每次手动运行deploy命令。

答案2 -您可能需要阅读这篇文章，以了解Git的全部内容：开始吧-什么是吉特？

这个图表基本上可以帮助您理解这些命令的作用：

​

​

• git add file-name(s)将文件添加到暂存区域。
• git commit将这些文件提交到您的存储库。

长话短说，每次执行这些操作时，您都必须运行这些命令。但是，再读一遍这篇文章，并了解更多关于Git的内容，将有助于您更好地理解完成所有这些工作的理由。

答案3 -是的，可以从那里部署所有东西。无论您从VSCode中做什么，都是在内部运行这些命令，以便更容易地执行这些操作。

我认为，您之所以感觉到您在上一次声明中提到的情况，是因为您在没有真正了解Git是什么以及它是如何工作的情况下就跳到了实现中。因此，为了让事情变得更有意义，您可能需要首先更好地了解Git。在Git Basics上进行简单的Google搜索，将为您指明正确的方向。

如果你仍然很困惑，你可以从看这些视频开始。

希望这会有所帮助:)