How to Build Your First VS Code Extension

Author(s): Ganesh Bajaj

Originally published on Towards AI.

This member-only story is on us. Upgrade to access all of Medium.

Visual Studio Code is one of the most popular IDE for developers. In VS Code, Extensions are add-ons that enhance or extend the functionality of the editor. But did you ever thought about how these extensions are created ? Being AI enthusiast, I would say its great to explore the basics to build our own AI extension

This article will guide you through building your first VS Code extension . We’ll create a “File Organizer” extension that lets users organize files in a selected folder by type (e.g., .js files in a js folder, .txt files in a txt folder, etc.). It's simple but useful extension for cleaning up cluttered directories.

Before we start, ensure we have the following libraries installed:

VS CodeNode.js VS Code extensions are built using JavaScript or TypeScript, which requires Node.js.

To verify Node.js is installed, open a terminal and run:

node -v

3. Yeoman and Generator-Code

Yo is a general-purpose tool that acts as a framework for various generators to run and manage.A generator is a template-based tool used to create boilerplate code for specific types of projects. For example, generator-code is a specific generator designed for Visual Studio Code extensions… Read the full blog for free on Medium.

Join thousands of data leaders on the AI newsletter. Join over 80,000 subscribers and keep up to date with the latest developments in AI. From research to projects and ideas. If you are building an AI startup, an AI-related product, or a service, we invite you to consider becoming a sponsor.

Published via Towards AI