# VS Code and GitHub workflow

**URL:** <https://answers.netlify.com/t/vs-code-and-github-workflow/70487>\
**Category:** Support\
**Tags:** create-react-app\
**Created:** [July 4, 2022, 9:51am UTC](https://answers.netlify.com/t/vs-code-and-github-workflow/70487 "2022-07-04T09:51:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thinkvisual](https://avatars.discourse-cdn.com/v4/letter/t/a3d4f5/32.png) [@thinkvisual](https://answers.netlify.com/u/thinkvisual)\
**Post date:** [July 4, 2022, 9:51am UTC](https://answers.netlify.com/t/vs-code-and-github-workflow/70487/1 "2022-07-04T09:51:23Z")

</div>

Hello

I am using VS Code to create a simple create-react-app and trying to deploy to Netlify for the first time.

I have VS Code synced with GitHub’s desktop desktop app and I am pushing the folder to GitHub, which is authorised by Netlify and I can select the working folder no problem.

However, I realised Netlify needs a Build folder.

I can only select the whole repo from Netlify and If publish everything Netlify can’t find the build folder.

The only way I can get my site to publish is to manually drag the build folder into Netlify (and I did consider pushing only the build folder to Github) but both options mean I loose version control on my working folder.

Can anyone advise the right way to do this?

Thank you!

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [July 7, 2022, 11:56am UTC](https://answers.netlify.com/t/vs-code-and-github-workflow/70487/2 "2022-07-07T11:56:29Z")

</div>

> [@thinkvisual](#):
>
> I have VS Code synced with GitHub’s desktop desktop app and I am pushing the folder to GitHub, which is authorised by Netlify and I can select the working folder no problem.

VS Code itself integrates well-enough with Git and GitHub. You don’t need GitHub app as such, but it’s a personal preference.

> [@thinkvisual](#):
>
> I can only select the whole repo from Netlify and If publish everything Netlify can’t find the build folder.

Do you have a site name? Maybe you’ve configured the base path incorrectly, which I’ve seen as a common practice.

---

<div class="post-metadata">

**Author:** ![thinkvisual](https://avatars.discourse-cdn.com/v4/letter/t/a3d4f5/32.png) [@thinkvisual](https://answers.netlify.com/u/thinkvisual)\
**Post date:** [July 7, 2022, 12:40pm UTC](https://answers.netlify.com/t/vs-code-and-github-workflow/70487/3 "2022-07-07T12:40:56Z")

</div>

Hi @hrishikesh thank you for your reply

Here is the link to my site (I have just reconnected connecting to GitHub rather than dragging the folder in manually)

[https://scintillating-choux-09a5f9.netlify.app/](https://scintillating-choux-09a5f9.netlify.app/)

Is it as simple as setting the ‘base directory’ in build settings?

Thanks

---

<div class="post-metadata">

**Author:** ![hrishikesh](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/hrishikesh/32/74607_2.png) [@hrishikesh](https://answers.netlify.com/u/hrishikesh)\
**Post date:** [July 7, 2022, 12:44pm UTC](https://answers.netlify.com/t/vs-code-and-github-workflow/70487/4 "2022-07-07T12:44:08Z")

</div>

Is this a React site? I’m assuming yes, because you’re talking about the `build` folder. In that case, you’ve missed out on a few settings:

Change these:

 ![image](https://global.discourse-cdn.com/netlify/original/3X/b/1/b18284a08984ea0d525d4af2a87c13ca30692251.png)

to:

```auto
/
CI= npm run build
/build/

```

respectively.

The settings are found: [Netlify App](https://app.netlify.com/sites/scintillating-choux-09a5f9/settings/deploys#build-settings)