


Contribution points are static declarations you make in the package.json Extension Manifest to extend VS Code, such as adding commands, menus, or keybindings to your extension. Contribute another command that displays current time in an information message.Give the Hello World command a new name in the Command Palette.Here are some ideas for things for you to try: You should see the updated message showing up. Run Developer: Reload Window in the new window.Change the message from "Hello World from HelloWorld!" to "Hello VS Code" in extension.ts.You should see the Hello World from HelloWorld! notification showing up. Run the Hello World command from the Command Palette ( ⇧⌘P (Windows, Linux Ctrl+Shift+P)) in the new window:

This will compile and run the extension in a new Extension Development Host window. Run the generator and fill out a few fields for a TypeScript project: yo code # ? What type of extension do you want to create? New Extension (TypeScript) # ? What's the name of your extension? HelloWorld # Press to choose default for all options below # ? What's the identifier of your extension? helloworld # ? What's the description of your extension? LEAVE BLANK # ? Initialize a git repository? Yes # ? Bundle the source code with webpack? No # ? Which package manager to use? npm # ? Do you want to open the new folder with Visual Studio Code? Open with `code` The generator scaffolds a TypeScript or JavaScript project ready for development. Make sure you have Node.js and Git installed, then install Yeoman and VS Code Extension Generator with: npm install -g yo generator-code In this topic, we'll teach you the fundamental concepts for building extensions.
