You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: api/get-started/extension-anatomy.md
+7-7Lines changed: 7 additions & 7 deletions
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,14 @@
1
1
---
2
2
---
3
3
4
-
# Extension Anatomy
4
+
# Visual Studio Code Extension Anatomy
5
5
6
-
In the last topic, we were able to get a basic extension running. How does it work under the hood?
6
+
In the last topic, you were able to get a basic Visual Studio Code extension running. How does it work under the hood?
7
7
8
8
The `Hello Code` extension does 3 things:
9
9
10
10
- Registers the [`onCommand`](/api/references/activation-events#activationEvents.onCommand)[**Activation Event**](/api/references/activation-events): `onCommand:extension.helloCode`, so the extension becomes activated when user runs the `Hello Code` command.
11
-
- Uses the [`contributes.commands`](/api/references/contribution-points#contributes.commands)[**Contribution Point**](/api/references/contribution-points) to make the command `Hello Code` available in the command palette, and bind it to a command ID `extension.helloCode`.
11
+
- Uses the [`contributes.commands`](/api/references/contribution-points#contributes.commands)[**Contribution Point**](/api/references/contribution-points) to make the command `Hello Code` available in the Command Palette, and bind it to a command ID `extension.helloCode`.
12
12
- Uses the [`commands.registerCommand`](/api/references/vscode-api#commands.registerCommand)[**VS Code API**](/api/references/vscode-api) to bind a function to the registered command ID `extension.helloCode`.
13
13
14
14
Understanding these three concepts is crucial to writing VS Code Extensions:
@@ -36,11 +36,11 @@ Let's take a closer look of `Hello Code` sample's source code and see how these
Copy file name to clipboardExpand all lines: api/get-started/your-first-extension.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,9 @@
1
1
---
2
2
---
3
3
4
-
# Your First Extension
4
+
# Your First Visual Studio Code Extension
5
5
6
-
In this section, we'll teach you fundamental concepts for building VS Code extensions. Make sure you have [Node.js](https://nodejs.org/en/) and [Git](https://git-scm.com/) installed, then install [Yeoman](http://yeoman.io/) and [VS Code Extension Generator](https://www.npmjs.com/package/generator-code) with:
6
+
In this topic, we'll teach you the fundamental concepts for building Visual Studio Code extensions. Make sure you have [Node.js](https://nodejs.org/en/) and [Git](https://git-scm.com/) installed, then install [Yeoman](http://yeoman.io/) and [VS Code Extension Generator](https://www.npmjs.com/package/generator-code) with:
7
7
8
8
```bash
9
9
npm install -g yo generator-code
@@ -25,13 +25,13 @@ yo code
25
25
code ./hello-code
26
26
```
27
27
28
-
Then, inside the editor, press F5, and run the `Hello Code` command in the new window:
28
+
Then, inside the editor, press `kb(workbench.action.debug.start)`, and run the `Hello Code` command from the Command Palette (`kb(workbench.action.showCommands)`) in the new**Extension Development Host** window:
You can learn more about debugging Node apps in VS Code at the [Node.js Debugging Topic](/docs/nodejs/nodejs-debugging).
64
+
You can learn more about debugging Node.js apps in VS Code at the [Node.js Debugging Topic](/docs/nodejs/nodejs-debugging).
65
65
66
66
## Next Steps
67
67
@@ -71,4 +71,4 @@ You can find the source code of this tutorial at: https://github.com/Microsoft/v
71
71
72
72
### Using JavaScript
73
73
74
-
In this guide, we mainly describe how to develop VS Code extension with TypeScript because we believe TypeScript offers the best experience for developing VS Code extension. However, if you prefer JavaScript, you can still follow along using [hellocode-minimal-sample](https://github.com/Microsoft/vscode-extension-samples/tree/master/hellocode-minimal-sample).
74
+
In this guide, we mainly describe how to develop VS Code extension with TypeScript because we believe TypeScript offers the best experience for developing VS Code extensions. However, if you prefer JavaScript, you can still follow along using [hellocode-minimal-sample](https://github.com/Microsoft/vscode-extension-samples/tree/master/hellocode-minimal-sample).
0 commit comments