VSCode extensions VSCode extensions

My Best Visual Studio Code Extensions

Do you use Visual Studio Code in your daily work? If so, I recommend these extensions that could improve your productivity.

2 min read ProgrammingExtensionsVSCode

Code Spell Checker

Detects spelling mistakes in text, comments and even code.

Color Highlight

Mark the CSS colors found in the code.

Console Ninja

This extension displays the output of the console.log() directly in the editor.

GitLens

GitLens — Git supercharged - Visual Studio Marketplace marketplace.visualstudio.com
Extension for Visual Studio Code - Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

An extension that enhances the Git experience and allows you to view and manage branches, stashes, commits, remotes, tags and many more.

Image preview

Displays thumbnails of images found in the code.

Import Cost

This extension will display inline in the editor the size of the imported package. It currently supports JavaScript and TypeScript.

Live Preview

This extension hosts a local web server so you can preview your HTML web projects inside the editor. And it automatically refreshes itself when it detects code changes.

Paste JSON as Code

An extension that generates code structures in various programming languages from a JSON copied to the clipboard.

Supermaven

It allows you to display autocomplete suggestions using artificial intelligence. Unlike GitHub Copilot which is 100% paid, Supermaven has a free plan.

SVG

This extension of the same name SVG, allows you to preview your SVG files.

TabNine

It is similar to GitHub Copilot, but has a focus on corporate environments, where security, privacy and compliance are important.

Tailwind CSS IntelliSense

If you use TailwindCSS in your projects, this extension helps you to write its classes in CSS with auto-completes.

Text Power Tools

Text Power Tools - Visual Studio Marketplace marketplace.visualstudio.com
Extension for Visual Studio Code - All-in-one solution with 240+ commands for text manipulation: filter lines (grep), remove lines, insert number sequences and GUIDs, sorting, change case, converting numbers, generating fake data and more. Great for finding information in logs.

It offers a variety of tools and commands to perform tasks such as:

  • Filter lines.
  • Change the case to camelCase, PascalCase, snake_case, CONSTANT_CASE, dash-case, dot.case, Title Case and Sentence case.
  • Encode and decode to various text formats (HTML, URL and base64).
  • Removing whitespace (trim).
  • Remove duplicate lines.
  • Generate random data.
  • And much more.

Thunder Client

It allows you to make HTTP queries without leaving the editor, and you can also generate code in various programming languages based on JSON responses.