├── images ├── yes.png ├── changes.png ├── git-config.png ├── gitignore.png ├── add-new-file.png ├── open-browser.png ├── open-github.png ├── view-changes.png ├── commit-changes.png ├── git-bash-search.png ├── view-all-repo.png ├── push-changes-push.png ├── open-github-account.png ├── vscode-open-folder.png ├── vscode-select-folder.png ├── push-changes-three-dot.png ├── vscode-uncheck-files1.png ├── vscode-uncheck-files2.png ├── vscode-upload-complete.png ├── vscode-uploading-files.png ├── vscode-publish-to-github.png ├── vscode-select-private-public.png └── vscode-select-source-control.png └── README.md /images/yes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/yes.png -------------------------------------------------------------------------------- /images/changes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/changes.png -------------------------------------------------------------------------------- /images/git-config.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/git-config.png -------------------------------------------------------------------------------- /images/gitignore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/gitignore.png -------------------------------------------------------------------------------- /images/add-new-file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/add-new-file.png -------------------------------------------------------------------------------- /images/open-browser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/open-browser.png -------------------------------------------------------------------------------- /images/open-github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/open-github.png -------------------------------------------------------------------------------- /images/view-changes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/view-changes.png -------------------------------------------------------------------------------- /images/commit-changes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/commit-changes.png -------------------------------------------------------------------------------- /images/git-bash-search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/git-bash-search.png -------------------------------------------------------------------------------- /images/view-all-repo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/view-all-repo.png -------------------------------------------------------------------------------- /images/push-changes-push.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/push-changes-push.png -------------------------------------------------------------------------------- /images/open-github-account.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/open-github-account.png -------------------------------------------------------------------------------- /images/vscode-open-folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-open-folder.png -------------------------------------------------------------------------------- /images/vscode-select-folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-select-folder.png -------------------------------------------------------------------------------- /images/push-changes-three-dot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/push-changes-three-dot.png -------------------------------------------------------------------------------- /images/vscode-uncheck-files1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-uncheck-files1.png -------------------------------------------------------------------------------- /images/vscode-uncheck-files2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-uncheck-files2.png -------------------------------------------------------------------------------- /images/vscode-upload-complete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-upload-complete.png -------------------------------------------------------------------------------- /images/vscode-uploading-files.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-uploading-files.png -------------------------------------------------------------------------------- /images/vscode-publish-to-github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-publish-to-github.png -------------------------------------------------------------------------------- /images/vscode-select-private-public.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-select-private-public.png -------------------------------------------------------------------------------- /images/vscode-select-source-control.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/sailesh307/GitHubTutorial/HEAD/images/vscode-select-source-control.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # How To upload Files on GitHub (using VSCode) 2 | 3 | Table of contents 4 | ================= 5 | 6 | * [How To upload Files on GitHub (using VSCode)](#how-to-upload-files-on-github-using-vscode) 7 | * [Prerequisites](#prerequisites) 8 | * [1. Setting USER](#1-setting-user) 9 | * [2. Open folder in VSCode](#2-open-folder-in-vscode) 10 | * [3. Publishing to GitHub](#3-publishing-to-github) 11 | * [4. Adding new changes or new file](#4-adding-new-changes-or-new-file) 12 | * [5. Want to delete a file](#5-want-to-delete-a-file) 13 | * [6. How to view my Repository](#6-how-to-view-my-repository) 14 | 15 | 16 | 17 | --- 18 | ## Prerequisites: 19 | 20 | VsCode and Git must be installed on your Computer. 21 | 22 | Download Git 23 | 24 | Download VSCode 25 | 26 | --- 27 | 28 | NOTE: 29 | 30 | while doing this tutorial, if VSCode ask for sign in, then simply sign in with your GitHub account and give all permissions 31 | 32 | rest of the steps will be same 33 | 34 | --- 35 | ## 1. Setting USER 36 | 37 | 1. Search for `git bash` in your PC and open it 38 | 39 | ![search gitbash](images/git-bash-search.png) 40 | 41 | 2. Now git bash terminal is open. 42 | 3. Now type the following command in the terminal. 43 | 44 | command to set user name 45 | 46 | git config --global user.name "Your User Name" 47 | Eg : `git config --global user.name sailesh307` 48 | 49 | command to set user email 50 | 51 | git config --global user.email "Your Email" 52 | Eq : `git config --global user.email sailesh953@gmail.com` 53 | 54 | It will look like this. 55 | 56 | ![git config](images/git-config.png) 57 | 58 | Now you can close the terminal. 59 | 60 | [Note: This is one time process only. So, we don't need to do this again and again. Just do it once and you are good to go.] 61 | 62 | --- 63 | ## 2. Open folder in VSCode 64 | 65 | 1. Open VsCode 66 | 2. Select file > Open Folder 67 | 68 | ![openFolder](./images/vscode-open-folder.png) 69 | 70 | 3. now select your Folder that you want to upload. 71 | 72 | ![selectFolder](./images/vscode-select-folder.png) 73 | 74 | --- 75 | ## 3. Publishing to Github 76 | 77 | 1. Select Source Control Option 78 | 79 | ![selectSourceControl](./images/vscode-select-source-control.png) 80 | 81 | 2. Now click on Publish to GitHub 82 | 83 | ![publishToGitHub](./images/vscode-publish-to-github.png) 84 | 85 | 3. Select option for private or public repository 86 | 87 | private => only you can see the repository 88 | 89 | public => anyone can see the repository 90 | 91 | ![selectPrivatePublic](./images/vscode-select-private-public.png) 92 | 93 | 4. Now uncheck the checkbox of those file that you don't want to upload 94 | 95 | ![uncheckFiles](./images/vscode-uncheck-files1.png) 96 | 97 | I don't want to upload file.txt file so I am unchecking it. 98 | 99 | ![uncheckFiles2](./images/vscode-uncheck-files2.png) 100 | 101 | 5. then press OK 102 | 103 | Now it will start uploading your files to your GitHub repository. 104 | 105 | ![uploadingFiles](./images/vscode-uploading-files.png) 106 | 107 | after few second Upload will complete. 108 | 109 | ![uploadComplete](./images/vscode-upload-complete.png) 110 | 111 | Now click on Open on GitHub to view the repository. 112 | 113 | Now repo will be opened in your browser. 114 | 115 | ![openGitHub](./images/open-github.png) 116 | 117 | Now in your Vscode you will see a new file named as .gitignore. 118 | this file will contain all the files that will not upload to github. 119 | you can add any file that you want to ignore. 120 | 121 | ![gitignore](./images/gitignore.png) 122 | 123 | --- 124 | ## 4. Adding new changes or new file 125 | 126 | i have added a new file in my repository named newProgram.c 127 | ![addNewFile](./images/add-new-file.png) 128 | 129 | Now click on Source control button. 130 | this will show all the changes that i have made in my repository. 131 | 132 | ![changes](./images/changes.png) 133 | 134 | now write commit message(type anything you want) and click on commit changes(the tick option). 135 | 136 | ![commitChanges](./images/commit-changes.png) 137 | 138 | Now click on Yes 139 | 140 | ![yes](./images/yes.png) 141 | 142 | Now click on three dot and click on push option. 143 | 144 | ![pushChanges](./images/push-changes-three-dot.png) 145 | 146 | ![pushChanges](./images/push-changes-push.png) 147 | 148 | Now open your browser. 149 | 150 | ![openBrowser](./images/open-browser.png) 151 | 152 | Now Referesh the page to view all new file/ changes you have made. 153 | 154 | ![viewChanges](./images/view-changes.png) 155 | 156 | now all new changes are updated in your repository. 157 | 158 | if in future you want to add new commit then you can do it by repeating this step again. 159 | 160 | [Note : new commit means new changes in your repository] 161 | 162 | [want to add more changes](#4-adding-new-changes-or-new-file) 163 | 164 | --- 165 | ## 5. Want to delete a file 166 | 167 | simply delete the file in your VSCode and follow step 4. (as this is a change) 168 | [Step 4](#4-adding-new-changes-or-new-file) 169 | 170 | 171 | --- 172 | ## 6. How to view my Repository 173 | 174 | 1. open your gitHub account 175 | 176 | ![openGitHub](./images/open-github-account.png) 177 | 178 | 2. Now click on Repositories 179 | 180 | ![repositories](./images/view-all-repo.png) 181 | 182 | 3. Now click on your repository that you want to view. 183 | 184 | --- 185 | # THANK YOU for reading this tutorial. 186 | --------------------------------------------------------------------------------