VSCode github login

04-DevelopmentEnvironment/01A-tutorial-VSCode.md

@@ -91,7 +91,14 @@ VSCode has powerful tools to help you find and fix errors in your code. To start
 <br>
 
 ## Version Control
-If you are not familiar with Git, check out these tutorials about <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/02-intro-to-git" target="_blank">Intro to Git ⤴</a> and <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/04-intro-to-github" target="_blank">Intro to GitHub ⤴</a>. It is possible to work with Git repositories directly from the VSC editor. You can clone a repo, or initialize a repo for your project from the terminal. `Source Control` pane on the left is used to manage your Git repositories. You will need to log in to your GitHub account the first time you use Git. The common Git operations such as Pull, Push, Clone, Commit, and Create Branch can be performed from here. Check this page for a list of <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/02A-git-cheatsheet#vs-code-git-commands" target="_blank">Git commands ⤴</a> on VSCode. <br>
+If you are not familiar with Git, check out these tutorials about <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/02-intro-to-git" target="_blank">Intro to Git ⤴</a> and <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/04-intro-to-github" target="_blank">Intro to GitHub ⤴</a>. It is possible to work with Git repositories directly from the VSC editor. You will need to log in to your GitHub account the first time you use Git. To log in, select `Remote Explorer` icon from left-hand taskbar. </br>
+<br>
+![githublogin](assets/images/vsc_github.png) <br>
+
+Select `Sign in to GitHub` (you may need to let the page load a little before the sign in button appears). If your system asks *The extension `GitHub Codespaces` wants to sign in using GitHub.* then select allow. You will be directed to the GitHub login webpage. Select `Authorize Visual-Studio-Code` to connect your GitHub account to VSCode.
+</br>
+
+You can clone a repo, or initialize a repo for your project from the terminal. `Source Control` pane on the left is used to manage your Git repositories. The common Git operations such as Pull, Push, Clone, Commit, and Create Branch can be performed from here. Check this page for a list of <a href="https://datascience.101workbook.org/09-ProjectManagement/02-MANAGEMENT/01-SOURCE-CODE/02A-git-cheatsheet#vs-code-git-commands" target="_blank">Git commands ⤴</a> on VSCode. <br>
 <br>
 ![VC](assets/images/VSC_sourcecontrol.png) <br>
 <br>