Skip to content

Commit 4dd2710

Browse files
authored
Update github-windows-vs-code-tutorial.md
1 parent a69398e commit 4dd2710

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

gui-tool-tutorials/github-windows-vs-code-tutorial.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -37,57 +37,57 @@ The next step is to clone your repo down to your machine so you can begin making
3737

3838
Now open up Visual Studio Code. The welcome page of VS Code will pop up. From there press `F1` to open up the bar shown below. Notice that there is already a `>` (greater than) sign in the text field. You can also get to the input prompt by pressing `CTRL-P` and then type the `>` character.
3939

40-
<img src="../assets/vscode-2018-08-clone.png" alt="Clone Popup (Command Popup)" />
40+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-clone.png" alt="Clone Popup (Command Popup)" />
4141

4242
You may notice that there are already some obscure commands listed below. Those are my recently used commands. So just don't care about them.
4343

44-
<img src="../assets/vscode-2018-08-clone1.png" alt="Clone repo" />
44+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-clone1.png" alt="Clone repo" />
4545

4646
Now type in `git clone`, only `git` or `clone` (it works like a search).
4747
Select the Entry `Git: Clone` and press `Enter`
4848

49-
<img src="../assets/vscode-2018-08-clone2.png" alt="Paste Repository URL in" />
49+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-clone2.png" alt="Paste Repository URL in" />
5050

5151
Paste the URL of your repository and press `Enter`. This will open up a File Explorer where you can then choose where the Git repository should be stored.
5252

5353
**Important**: Make sure it is the forked repository and not the original one, otherwise it won't work.
5454

55-
<img src="../assets/vscode-2018-08-clone3.png" alt="Status popup" />
55+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-clone3.png" alt="Status popup" />
5656

5757
You should see a status popup on the bottom right of Visual Studio Code. After it has finished, you can open up the cloned repository (now a folder on your machine) using the buttons in the dialog.
5858

5959
## Create a branch
6060

6161
Open up the command palette again by pressing `F1`. Type in `branch` and select the `create branch` command from there. In the next step type in the name of your new branch, for example `add-david-kroell`. Press enter and the branch will be created. The branch is also already checked out. [What does checkout mean?](https://www.git-scm.com/docs/git-checkout)
6262

63-
<img src="../assets/vscode-2018-08-branch.png" alt="Branches Command Palette" />
63+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-branch.png" alt="Branches Command Palette" />
6464

6565
## Make necessary changes
6666

6767
Open `Contributors.md` and add your name anywhere in the file. This file contains GFM (GitHub Flavored Markdown) which is a proprietary flavor of the <a href="https://en.wikipedia.org/wiki/Markdown">markdown</a> syntax.
6868

6969
Copy one of the other contributors&apos; lines and modify it with your name to make sure you get the syntax right - it can be picky.
7070

71-
<img src="../assets/vscode-2018-08-changes.png" alt="Add your name" />
71+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-changes.png" alt="Add your name" />
7272

7373
## Commit & Push changes to GitHub
7474

7575
On the left side of VS Code is a menu with 5 icons displayed. Select the version control/Source Control icon.
7676
(Shortcut : Ctrl + Shift + G)
7777

78-
<img src="../assets/vscode-2018-08-commit.png" alt="Commit changes" />
78+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-commit.png" alt="Commit changes" />
7979

8080
The file explorer displays all files which were changed after the last commit. By hovering the files and clicking the `+` (plus) the files are staged.
8181

82-
<img src="../assets/vscode-2018-08-commit1.png" alt="Stashed Files">
82+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-commit1.png" alt="Stashed Files">
8383

8484
Type something in the line on top of the explorer and press the checkmark. The changes are now committed to your local copy. Now the changes have to be pushed back to GitHub.
8585

86-
<img src="../assets/vscode-2018-08-push.png" alt="Stashed Files">
86+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-push.png" alt="Stashed Files">
8787

8888
Use the three-dot icon to open up the menu where you select the `Publish Branch` option. This should open up a dialog to put your GitHub credentials in.
8989

90-
<img src="../assets/vscode-2018-08-gh-auth.png" alt="Stashed Files">
90+
<img src="https://firstcontributions.github.io/assets/gui-tool-tutorials/github-windows-vs-code-tutorial/vscode-2018-08-gh-auth.png" alt="Stashed Files">
9191

9292
## Submit your changes for review
9393

@@ -115,4 +115,4 @@ You can join our slack team in case you need any help or have any questions. [Jo
115115
### [Additional material](../additional-material/git_workflow_scenarios/additional-material.md)
116116

117117
## Tutorials Using Other Tools
118-
[Back to main page](https://github.com/firstcontributions/first-contributions#tutorials-using-other-tools)
118+
[Back to main page](https://github.com/firstcontributions/first-contributions#tutorials-using-other-tools)

0 commit comments

Comments
 (0)