1. Home
  2. Archive
  3. Vs-code

My favourite VS Code Extensions

Collection of VS Code extensions i work with.

Auto Rename Tag

Automatically renames paired HTML/XML tags when one of them is edited.

Auto Close Tag

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text

.gitignore Generator

Generate .gitignore file using gitignore.io API

Amazon Q

A powerful generative AI-powered assistant for building, operating, and transforming software, with advanced features for managing data and AI.

Bracket Pair Color DLW

Easily configure the 'Bracket Pair Color DLW' setting with a simple command.

CSS Peek

Peeks into CSS class and ID definitions directly from HTML files, and allows navigation to their respective CSS definitions.

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more.

change-case

Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc.) of the current selection.

Cloak

Hide secrets and sensitive information in your code.

Fira Code Nerd Font / Icons

Install Fira Code font and use Nerd Font icons for better coding experience.

GitLens — Git supercharged

Enhances Git capabilities within VS Code with features like code blame annotations, repository navigation, rich visualizations, and powerful comparison commands.

Hacker Theme

A nostalgic, old-school hacker theme for VS Code, perfect for anyone who loves classic hacker aesthetics.

i3 Dark Theme

A dark theme based on GitHub’s dark workbench color, designed to meet WCAG 2.0 accessibility standards.

Import Cost

Displays the size of imported packages directly in the editor, helping you optimize your code's dependencies.

Multiple Cursor Case Preserve

Ensures that case is preserved when editing with multiple cursors in VS Code.

Path Autocomplete

Provides intelligent path completion for files and folders in VS Code, streamlining the process of writing file paths.

Path Intellisense

Autocompletes filenames in VS Code, making it easier to select the right file or directory.

Code Spell Checker

Spelling checker for source code.

Color Info

Provides color information when hovering over color values in code.

colorize

A high-performance colorizer for CSS, SCSS, HTML, and more.

Comment Anchors

Highlight and navigate through comment anchors like TODOs and FIXMEs.

Dark Magic Themes

A collection of dark themes for VS Code.

Error Lens

Improve error visibility by showing messages inline.

ES7+ React/Redux/React-Native snippets

Simple extensions for React, Redux, and React-Native snippets.

Font Preview

Preview fonts inside VS Code.

Image Preview

Displays image previews in the gutter and hover tooltips.

vscode-pdf

Display PDFs directly in VS Code.

Prettier - Code Formatter

Automatically formats your code using Prettier, ensuring consistent code style across your project.

Svg Preview

Preview SVG files directly in VS Code for a quicker and more efficient design workflow.

Font Preview

Preview fonts inside VS Code.

Image Preview

Displays image previews in the gutter and hover tooltips.

vscode-pdf

Display PDFs directly in VS Code.

Prettier - Code Formatter

Automatically formats your code using Prettier, ensuring consistent code style across your project.

Svg Preview

Preview SVG files directly in VS Code for a quicker and more efficient design workflow.

Tailwind CSS IntelliSense

Provides intelligent suggestions for Tailwind CSS classes in VS Code, speeding up your development process with autocomplete and linting.

Thunder Client

A lightweight and easy-to-use REST API client for testing APIs directly within VS Code.

TabOut

Efficiently tab out of quotes, brackets, parentheses, and other paired characters in your code. This extension streamlines your editing by allowing quick navigation out of common code structures with a single key press.

That's all for now. Come back later for more.