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

时间:2020-12-31 23:05:41

标签: reactjs git github visual-studio-code

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

我们有一个包含源文件的仓库。我们称之为 1st-repo。他的 PC 很好,因为他可以控制回购(主)。我想 fork 这个 repo(我想?)这样我就可以拥有所有文件并进行自己的更改。

我真的不知道如何开始使用 VS Code。我要先做一个空白的应用程序“npx create-react-app {name}”然后克隆?或者我在VS代码中通过git/github设置。

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

1 个答案:

答案 0 :(得分:3)

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

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

git clone <link to repo>

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

cd <project directory>
npm install

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

Git cheet sheet

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

VSCode 还具有 VS Code 共享扩展,称为 Live Share,可让您在共享窗口中工作。可以在代码中看到彼此的游标和位置。

祝你好运。