Author : Kailash Subramaniyam

Type : Tool

Progress : Complete

https://www.youtube.com/embed/KMdkZQ3sJfs?si=6hSYq6JOryjgCL0m

Step 1: Set Up Your Development Environment

1.1 Install Node.js and npm

Why: Node.js is a JavaScript runtime, and npm (Node Package Manager) is used to install tools and dependencies for your extension. VS Code extensions are written in JavaScript or TypeScript, and Node.js powers the build process.

How:

• Download the latest LTS (Long-Term Support) version from nodejs.org.
• Install it by following the installer prompts (Windows, macOS, or Linux).
• Verify installation in a terminal:

node --version
npm --version

You should see version numbers (e.g., v20.x.x for Node.js and 10.x.x for npm).

1.2 Install Visual Studio Code

Download it from code.visualstudio.com.

1.3 Install Yeoman and VS Code Extension Generator

Why: Yeoman (yo) is a scaffolding tool that generates project templates, and generator-code is a specific template for VS Code extensions. This saves you time by setting up the boilerplate code.

How: • Open a terminal (e.g., Command Prompt, PowerShell, or Bash). • Run:

npm install -g yo generator-code
yo --version

You should see a version number.

1.4 Generate the Extension Project

Why: This creates the initial structure of your extension, including configuration files and a sample TypeScript file.