Visual Studio Code Extension Development

Install and configure a Visual Studio Code extension using the Yeoman generator, selecting TypeScript, setting the extension name and publisher, then install dependencies with npm to complete the setup.

Run and debug your VS Code extension by opening the extension folder and pressing F5 to launch a new window, then verify with the hello world command.

Explore the vs code extension project structure, from the source folder to the out folder that compiles typescript to javascript, including launch settings, extension manifest, tests, and readme.

Register a command in the command palette and access it from the extension, display a hello message using the window, and subscribe the disposable under activation events.

Learn to create and assign a keyboard shortcut for a VS Code extension command by editing the contributes.commands and keybindings, testing for conflicts, and customizing via file preferences.

Show how to receive user input in a VS Code extension using short information messages, selections, and quick picks, then respond with status-specific messages via a switch.

Learn to create and register a text command in a vscode extension, distinguish it from a generic command, and require an active editor window with manifest and keyboard bindings.

Explore Visual Studio Code extension development by executing one command from another with commands.executeCommand, passing strings, objects, or arrays as parameters, and handling input boxes and messages.

Explore how to access and display information about the active document in a Visual Studio Code extension, including file name, language id, dirty state, line count, autosave status, and version.

Define and use code snippets in a vs code extension by creating a snippets file, configuring language typescript, prefix, and body, and leveraging intellisense for multi-line replacements.

Display status bar messages from an extension using showStatusBarMessage with timeout options. Create a status bar item with alignment and text to see it appear and disappear.

Learn how to create and manage a terminal within your VS Code extension, set the shell path and arguments, send text, and handle multiple terminals across windows.

show a progress bar in a VS Code extension by selecting its location and window, providing a title, and persisting the indicator until the user enters text and presses enter.

Register a completion item and provide completion items in a VS Code extension to enable autocomplete in the editor, using label and kind (class or method) for the target languages.

Learn to monitor the active workspace in a Visual Studio Code extension by subscribing to workspace events using disposables, and handle callbacks for open, change, close, and before/after save.

Learn to monitor a workspace file with a file system watcher, register callbacks for changes and deletions, and search for files using the VS Code workspace API.

Learn how to open existing files and create new text documents within a VS Code extension, using user input, specifying content and language, and handling workspace interactions.

Learn to apply edits across multiple files in a Visual Studio Code workspace by defining positions. Insert text, use search commands, and apply changes to all relevant files.

Create a vscode theme project using the theme generator, starting fresh or importing a theme. Define the display name, select dark or light, and set editor colors for syntax highlighting.

Learn to edit and test a custom VS Code theme, adjust colors and fonts, and use developer tools to inspect selectors and verify live changes in the editor.

Create a language support project in Visual Studio Code, using the Yeoman generator to define a language grammar, enable autocomplete and syntax coloring, and publish language support with snippets.