时间戳

首页 > 解决方案 > 正确设置 React 应用程序以与 VS Code 中的其他开发人员一起工作

reactjs - 正确设置 React 应用程序以与 VS Code 中的其他开发人员一起工作

问题描述

我正在和儿子一起使用 VS Code a 学习 React，我们很难正确同步和设置如何在 Github 上使用相同的文件。

我们有一个包含源文件的仓库。我们称它为第一次回购。他的 PC 很好，因为他可以控制 repo（master）。我想分叉这个 repo（我想？）所以我可以拥有所有文件并进行自己的更改。

我真的不确定如何从 VS Code 开始。我是否先做一个空白应用程序“npx create-react-app {name}”然后克隆？还是我在 VS 代码中通过 git/github 设置它。

一旦有了初始设置，我很想看看人们是如何一起工作的。

标签： reactjsgitgithubvisual-studio-code

解决方案

您绝对不想这样做，npx create-react-app {name}因为这将创建一个新的应用程序项目。

如果您只是想同时处理同一个项目，那么您只需要将 Github 存储库克隆到您的机器上。

git clone <link to repo>

然后将目录更改为项目并安装项目的依赖项。这假设你已经node在你的机器上安装了。

cd <project directory>
npm install

从这里你可以在 VSCode 中打开项目，进行更改，然后提交并将它们推送回远程仓库。我建议熟悉 Git 和pull,commit和push命令。还要熟悉在工作分支之间创建和切换。

Git 小贴士

如果您和您的儿子同时在同一个分支中处理相同的代码，那么当你们中的任何一个将您的更改推回远程时，可能会出现合并冲突。养成在提交和推送更改之前从远程拉取任何更改的习惯，这样更容易解决冲突。VSCode 甚至在 GUI 中让这个愚蠢的事情变得简单。

VSCode 还具有一个名为 Live Share 的 VS Code Share 扩展，它允许您在共享窗口中工作。您可以在代码中看到彼此的光标和位置。

祝你好运。

推荐阅读