VSCode

How to callback to your extension from outside Visual Studio Code

May 5, 2022

While creating the authentication provider, I discovered a helpful handler in the Visual Studio Code API, which allows you to handle system-wide URIs and callback into your extension. In the case of the authentication provider, I use it to retrieve the token that gets passed from the callback, but you can use the registerUriHandler for many more scenarios.

Read more

Create an Authentication Provider for Visual Studio Code

April 28, 2022

Previously I wrote how you could use the Microsoft Authentication Provider in your Visual Studio Code extension to custom Azure AD applications. In this article, we go a step further and create our authentication provider from scratch. As By default, VS Code supports the github, github-enterprise, and microsoft authentication providers. If you use another service or have your authentication service, you will likely want to create your Authentication Provider.

Read more

How to use the Microsoft authentication provider in Visual Studio Code

April 27, 2022

While creating a custom authentication provider, I found out the standard Microsoft authentication provider in Visual Studio Code can be used with your Azure AD Apps and Tenants. By default, VS Code supports the github, github-enterprise, and microsoft authentication providers, but little documentation is available, mostly coming from the issues in the VS Code repo.

Read more

#DevHack: VS Code extension storage options

February 22, 2022

For Front Matter and another VS Code extension which is currently in development, I wanted to understand which options there are for storing data. Data can be anything, for some extensions, it will be settings, for others, it is more complicated sets of data. In this article, I will give you an overview of all the available storage options and when to use them.

Read more

A code-driven approach to theme your VS Code webview

January 31, 2022

When it comes to theming the webview’s content of your Visual Studio Code extensions, the proposed way by the Visual Studio Code team is to use the provided CSS variables from the current theme. Although, in some cases, you want a bit more control, or make sure it matches what you want to achieve.

Read more

Use React in your VSCode WebView with hot module replacement

December 17, 2021

For Front Matter and another extension, I am currently developing. I use the Visual Studio Code WebView API heavily as it provides fully customizable views for your panels or tabs. It allows any company and developer to create their own unique experiences. One of the things I did for a long time was manually hitting the refresh button each time I updated the code.

Read more