This helps protect our community. Learn more

Creating a Visual Studio Code Extension

334K subscribers

19K views 1 year ago

Hasan shows how to create a Visual Studio Code extension. Chapters: 00:00 - Introduction 01:50 - What do you need to install first? 03:30 - Creating a new extension using the Visual Studio Code Extension Generator 05:00 - Examining the extension project and code 07:45 - Running and debugging the extension 09:00 - Modifying the extension to create a new tab 11:00 - Using HTML to display text in the tab 12:45 - Using Javascript to change colors in the tab 16:45 - Passing messages in the extension 20:20 - Publishing an extension 21:20 - Creating an organization and a personal access token in Azure DevOps 23:40 - Creating a publisher in the Marketplace 25:00 - Installing the Visual Studio Code Extensions command line tool 26:30 - Publishing the extension to the Marketplace 29:10 - Packaging the extension as a VSIX 30:45 - Wrap-up Resources: View the documentation on building an extension at: https://code.visualstudio.com/api/get...

...more

Creating a Visual Studio Code Extension

247Likes

19,322Views

2024Jan 9

Introduction

0:00

What do you need to install first?

1:50

Creating a new extension using the Visual Studio Code Extension Generator

3:30

Examining the extension project and code

5:00

Transcript

Follow along using the transcript.

Microsoft Visual Studio

334K subscribers

Creating a Visual Studio Code Extension

Chapters View all

Introduction

Introduction

Introduction

What do you need to install first?

What do you need to install first?

What do you need to install first?

Creating a new extension using the Visual Studio Code Extension Generator

Creating a new extension using the Visual Studio Code Extension Generator

Creating a new extension using the Visual Studio Code Extension Generator

Examining the extension project and code

Examining the extension project and code

Examining the extension project and code

Running and debugging the extension

Running and debugging the extension

Running and debugging the extension

Modifying the extension to create a new tab

Modifying the extension to create a new tab

Modifying the extension to create a new tab

Using HTML to display text in the tab

Using HTML to display text in the tab

Using HTML to display text in the tab

Using Javascript to change colors in the tab

Using Javascript to change colors in the tab

Using Javascript to change colors in the tab

Microsoft Visual Studio

Creating a Visual Studio Code Extension

Comments 18

Chapters

Introduction

Introduction

Introduction

What do you need to install first?

What do you need to install first?

What do you need to install first?

Creating a new extension using the Visual Studio Code Extension Generator

Creating a new extension using the Visual Studio Code Extension Generator

Creating a new extension using the Visual Studio Code Extension Generator

Examining the extension project and code

Examining the extension project and code

Examining the extension project and code

Running and debugging the extension

Running and debugging the extension

Running and debugging the extension

Modifying the extension to create a new tab

Modifying the extension to create a new tab

Modifying the extension to create a new tab

Using HTML to display text in the tab

Using HTML to display text in the tab

Using HTML to display text in the tab

Using Javascript to change colors in the tab

Using Javascript to change colors in the tab

Using Javascript to change colors in the tab

Passing messages in the extension

Passing messages in the extension

Passing messages in the extension

Publishing an extension

Publishing an extension

Publishing an extension

Creating an organization and a personal access token in Azure DevOps

Creating an organization and a personal access token in Azure DevOps

Creating an organization and a personal access token in Azure DevOps

Creating a publisher in the Marketplace

Creating a publisher in the Marketplace

Creating a publisher in the Marketplace

Installing the Visual Studio Code Extensions command line tool

Installing the Visual Studio Code Extensions command line tool

Installing the Visual Studio Code Extensions command line tool

Publishing the extension to the Marketplace

Publishing the extension to the Marketplace

Publishing the extension to the Marketplace

Packaging the extension as a VSIX

Packaging the extension as a VSIX

Packaging the extension as a VSIX

Wrap-up

Wrap-up

Wrap-up

Description

Chapters View all

Chapters

Chapters