How to upload file from vscode to GitHub?

Uploading Files from Visual Studio Code to GitHub

Step 1: Setting Up Your GitHub Account

Before you can upload files from Visual Studio Code to GitHub, you need to set up your GitHub account. Here’s how:

• Go to the GitHub website (github.com) and sign in with your email and password.
• If you don’t have a GitHub account, create one by clicking on the "Sign up" button.
• Once you’re signed in, click on your profile picture in the top right corner and select "Settings".
• Scroll down to the "GitHub" section and click on "Create a new repository".
• Give your repository a name and select a repository type (e.g. "Public" or "Private").
• Click on the "Create repository" button to create your new repository.

Step 2: Installing the GitHub Extension for Visual Studio Code

To upload files from Visual Studio Code to GitHub, you need to install the GitHub extension for Visual Studio Code. Here’s how:

• Open Visual Studio Code and click on the Extensions icon in the left sidebar or press Ctrl + Shift + X (Windows/Linux) or Cmd + Shift + X (Mac).
• Search for "GitHub" in the Extensions Marketplace and select the "GitHub" extension.
• Click on the "Install" button to install the extension.
• Once the extension is installed, you’ll see a new menu bar icon in the top right corner of the Visual Studio Code window.

Step 3: Creating a New Repository in Visual Studio Code

To upload files from Visual Studio Code to GitHub, you need to create a new repository in Visual Studio Code. Here’s how:

• Open Visual Studio Code and click on the File menu in the top menu bar or press Ctrl + N (Windows/Linux) or Cmd + N (Mac).
• Select "New Folder" from the dropdown menu.
• Name your new folder (e.g. "MyProject").
• Click on the "Create" button to create the new folder.
• Click on the "New File" button and select "New File" from the dropdown menu.
• Name your new file (e.g. "README.md") and click on the "Create" button.
• This will create a new file called "README.md" in your new folder.

Step 4: Uploading Files to GitHub

To upload files to GitHub, you need to use the GitHub API. Here’s how:

• Open the Visual Studio Code terminal by clicking on the Terminal icon in the top menu bar or pressing Ctrl + Shift + (Windows/Linux) or Cmd + Shift + (Mac).
• Run the following command to create a new GitHub API token:

  gh api token --create

• Replace gh with the GitHub API endpoint and token with your new API token.
• Run the command again to authenticate your API token:

  gh api token --auth-token <token>

• Replace <token> with your new API token.
• Run the following command to upload a file to GitHub:

  gh api files upload --repo <repository-name> --file <file-name>

• Replace <repository-name> with the name of your repository and <file-name> with the name of the file you want to upload.

Step 5: Viewing Your Files on GitHub

To view your files on GitHub, you need to use the GitHub API. Here’s how:

• Open the Visual Studio Code terminal and run the following command to list your files:

  gh api files --repo <repository-name>

• Replace <repository-name> with the name of your repository.
• Run the command again to list your files:

  gh api files --repo <repository-name>

• Replace <repository-name> with the name of your repository.
• You can also use the GitHub API to create, update, or delete files:

  gh api files --repo <repository-name> --create --file <file-name>

• Replace <repository-name> with the name of your repository and <file-name> with the name of the file you want to create.

Tips and Tricks

• To upload multiple files at once, you can use the --files option:

  gh api files upload --repo <repository-name> --files <file-name1> <file-name2>

• To upload files from a specific directory, you can use the --dir option:

  gh api files upload --repo <repository-name> --dir <directory-name>

• To view the contents of a file on GitHub, you can use the gh api files --repo <repository-name> --file <file-name> command with the --raw option:

  gh api files --repo <repository-name> --file <file-name> --raw

  Conclusion

Uploading files from Visual Studio Code to GitHub is a straightforward process that requires some basic knowledge of the GitHub API. By following these steps and tips, you can easily upload files from Visual Studio Code to your GitHub repository. Remember to always use the GitHub API to upload files, and to authenticate your API token to avoid any issues.