How to create a vs code extension #1 (Template)

I'm not a master of this myself—just a beginner like you—so I'll explain everything from the start.

First, I use Linux, so most things will be the same for Windows and Mac users, except for the terminal commands, which are only relevant in Part 1 of this series.

Installing Node.js

For Windows, you may need to download it from the official website or install it via the command prompt, then add it to the environment variables.

For Linux, you can install it with:

sudo apt install nodejs npm

If that doesn’t work (which happened on my device), try this

sudo dpkg --configure -a
sudo apt update
sudo apt install nodejs npm

Installing Yeoman & the VS Code Extension Generator

Once Node.js is installed, we need Yeoman and the VS Code Extension Generator. Install them using:

sudo npm install -g yo generator-code

(You can remove sudo, but when I did, it gave me errors, so... your call.)

Setup Complete! 🎉

Congrats! Everything you need is installed. (And don’t even think about telling me you didn’t install VS Code—I will kill you. )

Now, just run:

yo code

Fill in the required details, and boom—your extension template is ready!
In the next part, we'll dive into creating a syntax highlighter. Stay tuned!