Logo

dev-resources.site

for different kinds of informations.

5 Basic VS Code Extensions You Must Use

Published at
10/28/2024
Categories
programmingblogs
programmingtips
vscodeextensions
vscodetips
Author
samirtiwari
Author
11 person written this
samirtiwari
open
5 Basic VS Code Extensions You Must Use

VS Code is one of the most popular IDEs that coders use these days. With VS Code, you can add various extensions to make your coding journey simpler and faster. There are tons of extensions available, but today, I'll discuss five basic VS Code extensions that can greatly enhance your coding experience.

1. Code Spell Checker

When coding, there are many things to keep in mind, and spelling is one of them. While spelling might not seem like a big deal in coding (since you'll get errors if you misspell reserved words), it's important when pushing code to production. Misspelled text can raise red flags, so the Code Spell Checker extension is a great choice to help you catch those errors before they become problems.

Code Spell Checker

2. Auto Rename Tag

If you're a web developer, you'll often work with HTML tags. Sometimes, you might want to change tags for semantic reasons - for example, switching a <div> to a <footer>. Manually changing both the opening and closing tags can be a hassle, especially if you have to do it multiple times. Auto Rename Tag automatically updates the corresponding opening or closing tag when you rename one, saving you time and effort.

Auto Rename Tag

3. ES7 React/Redux/GraphQL/React-Native Snippets

For React developers, this extension is a must-have. It helps you write React code faster by providing snippets of commonly used code. For instance, typing rafce in a .jsx or .tsx file will generate a basic React component. This can significantly speed up your development process.

ES7 React/Redux/GraphQL/React-Native Snippets

4. Prettier

While Prettier doesn't directly help with coding, it formats your code, making it more readable and visually appealing. Writing code can get messy, and Prettier helps you keep it tidy. I personally recommend configuring Prettier to format your code automatically when you save it, so everything stays neat without extra effort.

Prettier

5. Material Icon Theme

Material Icon Theme doesn't directly assist with coding either, but it makes your project look more organized in VS Code by assigning icons to folders. It gives each folder an icon based on its name, helping you quickly identify folder contents and making your workspace visually appealing.

Material Icon Theme

programmingtips Article's
30 articles in total
Favicon
LivinGrimoire: Unleashing the Power of Skill Catalogs
Favicon
Demystifying Algorithms: The Hourglass Sum Problem
Favicon
Demystifying Algorithms: Binary Representation
Favicon
Demystifying Algorithms: Doubly Linked Lists
Favicon
Demystifying Algorithms: Circular Linked Lists
Favicon
Demystifying Algorithms: Singly Linked Lists
Favicon
Demystifying Algorithms: Merging Sorted Singly Linked Lists
Favicon
Demystifying Algorithms: Rabin-Karp
Favicon
Demystifying Algorithms: Modular Indexing
Favicon
Demystifying Algorithms: Two Pointers
Favicon
JavaScript Design Patterns: Mastering Creational, Structural, And Behavioral Patterns For Cleaner Code
Favicon
Demystifying Algorithms: Iterative Traversal and Tail Insertion Patterns
Favicon
Demystifying Algorithms: Linear Search
Favicon
Demystifying Algorithms: Sliding Window
Favicon
10 Hidden JavaScript Gems You Should Use in Every Project in 2024
Favicon
Composing Methods: A Practical Guide to Clean Code
Favicon
Comparing Array Methods in JavaScript and Python: A Comprehensive Guide 📊
Favicon
Advanced Git Workflows and Best Practices in Version Control Systems
Favicon
JavaScript for Beginners: All You Need to Know to Perfect Your Basics
Favicon
Managing Multiple GitHub Accounts: A Comprehensive Guide
Favicon
The Scope Chain, Scope & Lexical Environment
Favicon
Undefined Vs Not Defined in Javascript
Favicon
Simplifying Union Types and Arrays in TypeScript
Favicon
Python Fundamentals: Theory Overview
Favicon
5 Basic VS Code Extensions You Must Use
Favicon
map(), filter(), and reduce() in Javascript
Favicon
Intuition VS. Guesstimate - Why are projects more late than not.
Favicon
Understanding Go's Garbage Collector: A Detailed Guide
Favicon
Tips for collaborating with a new project codebase
Favicon
The Importance of Comments in Large Projects

Featured ones: