Skip to content

Commit 8ca716b

Browse files
committed
final introduction to vscode.dev lesson
1 parent 01b5aab commit 8ca716b

File tree

2 files changed

+19
-17
lines changed

2 files changed

+19
-17
lines changed

8-code-editor/1-using-a-code-editor/README.md

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -87,37 +87,37 @@ You can either create a file inside an existing folder, or create it in the root
8787

8888
### 2. Edit and save a file on the repository
8989

90-
Using vscode.dev is helpful whenever you want to make quick updates to your project without having to load any software on your computer.
90+
Using vscode.dev is helpful whenever you want to make quick updates to your project without having to load any software locally.
9191
To update your code, click the 'Explorer' icon, also located on the activity bar to view files & folders in the repository.
92-
Select a file to open it on the screen and make your changes.
92+
Select a file to open it on the code area, make your changes and save.
9393

9494
![Edit a file](../images/edit-a-file.png)
9595

96-
Once you are done updating your project, select the _'source control'_ icon which contains all the new changes you have made to your repository.
96+
Once you are done updating your project, select the _`source control`_ icon which contains all the new changes you have made to your repository.
9797

98-
To view the changes you made to your project, select the file(s) in the 'Changes' folder. This will open a 'Working Tree' for you to visually see the changes you made to the file. Red shows an ommission to the project, while green signifies an addition.
98+
To view the changes you made to your project, select the file(s) in the `Changes` folder in the expanded activity bar. This will open a 'Working Tree' for you to visually see the changes you made to the file. Red shows an ommission to the project, while green signifies an addition.
9999

100100
![View changes](../images/working-tree.png)
101101

102-
If you are safisfied with the changes you made, hover on the 'Changes' folder and click the + button to stage the changes. Staging simply means preparing your changes to commit them to GitHub.
102+
If you are safisfied with the changes you made, hover on the `Changes` folder and click the `+` button to stage the changes. Staging simply means preparing your changes to commit them to GitHub.
103103

104-
If however you are not comfortable with some changes and you want to discard them, hover on the 'Changes' folder and select the undo icon.
104+
If however you are not comfortable with some changes and you want to discard them, hover on the `Changes` folder and select the `undo` icon.
105105

106-
Then, type in a commit message _(A description of the change you have made to the project)_ and commit your changes by clicking the 'tick'.
106+
Then, type in a `commit message` _(A description of the change you have made to the project)_, click the `check icon` to commit and push your changes.
107107

108-
Once done working on your project, select the hamburger menu icon at the top left to return to the repository on GitHub.
108+
Once done working on your project, select the `hamburger menu icon` at the top left to return to the repository on github.com.
109109

110110
![Stage & commit changes](../images/edit-vscode.dev.gif)
111111

112112
## Using extensions
113-
Extensions installed on VSCode allow you to add new features and customized development environment options on your editor to improve your development workflow. These extensions also help you add support for multiple programming languages and are often either generic extensions or language-based extensions.
113+
Installing extensions on VSCode allows you to add new features and customized development environment options on your editor to improve your development workflow. These extensions also help you add support for multiple programming languages and are often either generic extensions or language-based extensions.
114114

115-
To browse through the list of all available extensions, click the _'Extensions'_ icon on the activity bar and start typing the name of the extension on the text field labelled _'Search Extensions in Marketplace'_.
116-
You will see a list of extensions with each one containing **the extension name, publisher's name, a 1 sentense description, number of downloads** and **a start rating**.
115+
To browse through the list of all available extensions, click the _`Extensions icon`_ on the activity bar and start typing the name of the extension on the text field labelled _'Search Extensions in Marketplace'_.
116+
You will see a list of extensions, each one containing **the extension name, publisher's name, a 1 sentense description, number of downloads** and **a star rating**.
117117

118118
![Extension details](../images/extension-details.png)
119119

120-
You can also view all previously installed extensions by expanding the _'Installed folder'_ , popular extensions used by most developers in the _'Popular folder'_ and recommended extensions for you either by users in the same workspace or based on your recently opened files in the _'recommended folder'_ .
120+
You can also view all previously installed extensions by expanding the _`Installed folder`_ , popular extensions used by most developers in the _`Popular folder`_ and recommended extensions for you either by users in the same workspace or based on your recently opened files in the _`recommended folder`_ .
121121

122122
![View extensions](../images/extensions.png)
123123

@@ -136,18 +136,20 @@ After installing the extension, you may need to modify its behaviour and customi
136136

137137
### 3. Manage Extensions
138138
After installing and using your extension, vscode.dev offers options to manage your extension based on different needs. For example, you may choose to:
139-
- **Disable:** Select installed extension on the expanded activity bar > click the Gear icon > select 'Disable' or 'Disable (Workspace)' **OR** Open the extension on the code area and click the blue Disable button.
140-
141-
_(You temporarily disable an extension when you no longer need it but don't want to uninstall it completely)_
142-
- **Uninstall:** Select installed extension on the expanded activity bar > click the Gear icon > select 'Uninstall' **OR** Open the extension on the code area and click the blue Uninstall button.
139+
- **Disable:** _(You temporarily disable an extension when you no longer need it but don't want to uninstall it completely)_
143140

141+
Select the installed extension on the expanded activity bar > click the Gear icon > select 'Disable' or 'Disable (Workspace)' **OR** Open the extension on the code area and click the blue Disable button.
144142

143+
144+
- **Uninstall:** Select installed extension on the expanded activity bar > click the Gear icon > select 'Uninstall' **OR** Open the extension on the code area and click the blue Uninstall button.
145145

146-
## Editing and updating
147146

148147

149148
---
150149

150+
## Assignment
151+
Check out how you can **create a resume website using vscode.dev**
152+
151153
## 🚀 Challenge
152154

153155
Open a remote repository you have permissions to make changes and update some files. Next, try creating a new branch with your changes and make a Pull Request.

8-code-editor/1-using-a-code-editor/assignment.md

Whitespace-only changes.

0 commit comments

Comments
 (0)