How to add a new project to Github using VS Code

Question

All the tutorials i ve seen till now shows to first create a repository on github  copy the link go to vscode and git clone it and from that on  you can do commits and pushes  Is that the right way   can t I just start a project from vscode and then upload it to my git   EDIT 2020   You can now do it right inside vscode  just follow these steps  1- Open your new project folder with vscode 2- click on the source conrol menu on the sidebar   or press Ctrl Shift G  3- Click on publish to github  4- From there just login and follow the instructions and you re good to go   Debu s answer details every step  so you can jump to there

User · Answer

Install git on your PC and setup configuration values in either Command Prompt (cmd) or VS Code terminal (Ctrl + `)

git config --global user.name "Your Name"
git config --global user.email [email protected]

Setup editor

Windows eg.:

git config --global core.editor "'C:/Program Files/Notepad++/notepad++.exe' -multiInst -nosession"

Linux / Mac eg.:

git config --global core.editor vim

Check git settings which displays configuration details

git config --list

Login to github and create a remote repository. Copy the URL of this repository

Navigate to your project directory and execute the below commands

git init                                                           // start tracking current directory
git add -A                                                         // add all files in current directory to staging area, making them available for commit
git commit -m "commit message"                                     // commit your changes
git remote add origin https://github.com/username/repo-name.git    // add remote repository URL which contains the required details
git pull origin master                                             // always pull from remote before pushing
git push -u origin master                                          // publish changes to your remote repository

User · Answer

There is a nice GUI way to do this  Press CTRL SHIFT G   or View-CSM in menu  and here you have a lot of options  With       you can do almost anything you want  After things be done  type your commit message into input box and press CTRL ENTER  Pretty easy  If you have remote repo - you ll see a little spinner mark in bottom left corner near repo name  Press it and sync to remote easily  But in order to do all of this you must have repo to be initialized in your working directory before  git init from terminal

User · Answer

I think I ran into the similar problem  If you started a local git repository but have not set up a remote git project and want to push your local project to to git project   1  create a remote git project and note the URL of project  2  open edit your local git project  3  in the VS terminal type  git push --set-upstream  URL of project

User · Answer

Here are the detailed steps needed to achieve this   The existing commands can be simply run via the CLI terminal of VS-CODE  It is understood that Git is installed in the system  configured with desired username and email Id   1  Navigate to the local project directory and create a local git repository    git init   2  Once that is successful  click on the  Source Control  icon on the left navbar in VS-Code One should be able to see files ready to be commit-ed  Press on  Commit  button  provide comments  stage the changes and commit the files  Alternatively you can run from CLI  git commit -m  Your comment    3  Now you need to visit your GitHub account and create a new Repository  Exclude creating  README md     gitIgnore  files  Also do not add any License to the repo  Sometimes these settings cause issue while pushing in    4  Copy the link to this newly created GitHub Repository   5  Come back to the terminal in VS-CODE and type these commands in succession   git remote add origin  lt Link to GitHub Repo gt        maps the remote repo link to local git repo  git remote -v                                    this is to verify the link to the remote repo   git push -u origin master                         pushes the commit-ed changes into the remote repo      Note  If it is the first time the local git account is trying to   connect to GitHub  you may be required to enter credentials to GitHub in a separate window    6  You can see the success message in the Terminal   You can also verify by refreshing the GitHub repo online    Hope this helps

User · Answer

today is 2020-12-25  my VSC is 1 52 1  tried all above not very successful  Here is complete steps I did to add my existing local project to GitHub using VSC  Note  Do not create a corresponding repository at GitHub    Install the GibHub extension to VSC  Close and re-open VSC  Sign in to GibHub if prompted  Open my own local folder  up to this moment  it s not pushed to GibHub yet  Ctrl   Shift   P  click on Publish to GitHub     VSC and GitHub will automatically provide you a choice of adding it as private or public  and make up a name for your to-be new repository in this format   lt your username gt   lt your new repository name gt   For example  my username is  quot myname quot  and my local folder is named  quot HelloWorld quot   So  it will be myname HelloWorld in the type-in box  update or accept this name  click on the private or public choice will Create a new repository at GitHub and Publish your folder to it

User · Answer

create a new github repository   Goto the command line in VS code  ctrl     Type following commands    git init  git commit -m  first commit   git remote add origin https   github com userName repoName git  git push -u origin master  -

User · Answer

You can create a GitHub repo via the command line using the GitHub API  Outside of the API  there s no way to create a repo on GitHub via the command line   Type   curl -u  username  https   api github com user repos -d    name   projectname   description   project desc     git remote add origin git github com nyeates projectname git  and now you can continue regular way

User · Answer

You can also use command palette      CTRL SHIFT P - Win  or  CMD SHIFT P - Mac  to open the palette   Enter  git   select Git Clone  paste github repo URL  https   github com Username repo   than you are ready to go with Source control section from the left     menu    Does the same thing as the terminal

User · Answer

Yes you can upload your git repo from vs code  You have to get in the projects working directory and type git init in the terminal  Then add the files to your repository like you do with regular git commits

User · Answer

Go to VS COde -  View -  Terminal    git init git add   git commit -m  FirstCommit  git remote add origin https   github com dotnetpiper cdn git pull origin master git push -f origin master  Note   Some time git push -u origin master doesn t work anticipated

User · Answer

Well  It s quite easy  Open your local project       Add a README md file  If you don t have anything to add yet       Click on Publish on Github      Choose as you wish      Choose the files you want to include in firt commit  Note  If you don t select a file or folder it will added to  gitignore file      You are good to go  it is published  P S  If this was you first time  A prompt will ask for for your Github Credentials fill those and you are good to go  It is published

User · Answer

This feature was added in 1 45  demoed here  Launch the command palette Ctrl Shift P  run Publish to Github  and follow the prompt  You will be given the choice between a private and public repository  so be careful that you choose the right one   It may ask you to login to github  It will then prompt for the repo name  defaults to the name of the folder   and for creating a  gitignore file  defaults to empty  gitignore   Just hit enter if you are fine with the defaults  When you are done it should give you a popup notification in the bottom right with a link to the repo https   github com  lt username gt   lt reponame gt  Minor warning  if your project already has a  gitignore file in it this process will overwrite it

[git] How to add a new project to Github using VS Code

Examples related to git

Examples related to github

Examples related to visual-studio-code

Examples related to vscode-settings