My JavaScript VSCode extensions

Introduction

Here’s a list of my favorite JavaScript-related VSCode extensions that I use regularly.

Extensions That I Use and Recommend 🫰

• Prettier – Formats your code automatically according to Prettier rules, ensuring consistency and readability.

• ESLint – Helps you identify and fix issues in your JavaScript code with linting rules.

• Error Lens – Highlights errors and warnings directly in your editor for better visibility.

• Console Ninja – Displays runtime errors directly in VSCode, making debugging more efficient.

• Template String Converter – Converts regular strings to template literals and vice versa.

• Live Preview – A Microsoft-supported extension that provides real-time website previews.

• Svg Preview In Code – Enables real-time SVG file previews within VSCode.

• Image preview – Allows you to preview images directly inside your code editor.

• Rest Client – Lets you send HTTP requests and view responses directly in VSCode.

• Version Lens – Displays the latest available versions of dependencies in your project files.

Extensions to Avoid 🙅

• GitLens is a VSCode extension that helps you visualize code changes. Reason: It’s a powerful extension but can be resource-heavy. Plus, VSCode now includes built-in Git features like CodeLens.

• Live Server is a VSCode extension that allows you to preview your website in real time. Reason: Despite having over 50M downloads, Microsoft offers an official alternative (Live Preview), making this extension redundant.

• Auto Rename Tag is a VSCode extension that automatically renames HTML tags. Reason: Previously one of the most popular extensions (+20M downloads), but now VSCode includes this feature natively (Auto Closing Tags).