Using Vite for bundling your Visual Studio Code extension

October 18, 2023

important The CJS build of Vite’s Node API is no longer supported and will be removed in version 6. As Visual Studio Code extensions do not support ESM, my recommendation is use an alternative bundler such as webpack, tsup, or esbuild instead of Vite. A couple of weeks ago, I started looking into the possibility of retrieving the Content Collections from Astro and generating content-types for Front Matter CMS.

Read more

Things to know when using custom icons for Visual Studio Code commands

October 6, 2023

You can specify an icon when adding commands to your Visual Studio Code extension. These icons are rendered when you register the commands, such as the explorer title bar, document title bar, and more. info More info on registering command can be found in the VSCode documentation. You have three options for specifying the icon:

Read more

Localization of Webviews in Visual Studio Code Extensions

July 6, 2023

In the previous post, I showed how to localize the extension commands/settings and code. In this post, I want to show how to localize the webviews in Visual Studio Code extensions, as this is a bit more complicated and not yet documented. First, webviews allow you to create fully customizable views for your extensions.

Read more

Localization of Visual Studio Code Extensions

July 5, 2023

Welcome to another blog post where we explore the world of Visual Studio Code extensions! In this article, I will delve into localizing your extensions. Localization allows you to make your extension accessible to users around the globe by providing translations in different languages. As some things were unclear to me when I wanted to start localizing one of my extensions, I wrote this article to help others in the same situation.

Read more

Symlink your content in Astro: a simple solution for greater portability and flexibility

March 15, 2023

Astro is a powerful static-site generator that allows developers to build lightning-fast websites. However, when trying to create a more portable and flexible blog by separating content from the website’s source, I faced issues with symlinks/content not being recognized/found. In this blog post, I’ll walk you through a simple solution to this problem and explain how you can easily symlink your content to an Astro project.

Read more