VS CODE EXTENSION THAT I USED MY DAILY BASIC
Tags: vscode, javascript, html, css
Published: 2023-06-14 12:33:44

1. **Auto Close Tag:** Auto Close Tag is a convenient Visual Studio Code extension that automatically inserts closing tags as you type HTML or XML tags. It saves you time and effort by eliminating the need to manually close tags, ensuring well-formed code and reducing potential errors.

2. **Auto Rename Tag:** Auto Rename Tag is a handy Visual Studio Code extension that automatically updates the corresponding closing or opening tag when you rename an HTML or XML tag. It helps maintain consistency in your code and saves you from the tedious task of manually updating multiple tags.

3. **Code Spell Checker:** Code Spell Checker is an essential Visual Studio Code extension that checks the spelling of words within your code and comments. It helps catch typos and improves the overall quality and professionalism of your codebase, ensuring error-free documentation and better readability.

4. **Better Comments:** Better Comments is a powerful Visual Studio Code extension that enhances the way you comment in your code. It allows you to create different types of comments, such as informational, question, alert, and more, which are visually highlighted to provide better context and readability.

5. **CodeSnap:** CodeSnap is an incredible Visual Studio Code extension that allows you to capture screenshots of your code and share them effortlessly. It helps in documenting code snippets, sharing code examples, and collaborating with others more effectively.

6. **Colorful Comments:** Colorful Comments is a fantastic Visual Studio Code extension that adds a vibrant touch to your code comments, making them visually appealing and easier to distinguish from the rest of your code. It enhances code readability and comprehension by assigning different colors to different types of comments.

7. **Colorize:** Colorize is a Visual Studio Code extension that adds colors to CSS, Sass, and Less code in your editor, making it easier to differentiate between different selectors, properties, and values. It improves code readability and provides a more visually pleasing coding experience.

8. **CSS Peek:** CSS Peek is a powerful Visual Studio Code extension that allows you to navigate and peek into CSS definitions directly from your HTML or TypeScript files. It makes CSS development more efficient by providing quick access to stylesheets and their associated rules.

9. **ESLint:** ESLint is a popular Visual Studio Code extension that integrates the ESLint linter into your editor. It helps enforce coding standards and identifies potential errors or style issues in your JavaScript or TypeScript code, allowing you to write cleaner and more maintainable code.

10. **Fast Arrow:** Fast Arrow is a productivity-focused Visual Studio Code extension that provides fast navigation and editing capabilities. It allows you to jump quickly between words, lines, and blocks of code using keyboard shortcuts, improving your coding speed and efficiency.

11. **HTML CSS Support:** HTML CSS Support is a useful Visual Studio Code extension that enhances the HTML and CSS editing experience by providing autocompletion, class and ID suggestions, and inline documentation. It helps speed up development and reduces errors when working with HTML and CSS code.

12. **indent-rainbow:** indent-rainbow is a Visual Studio Code extension that adds color highlighting to indentation levels in your code. It visually distinguishes different levels of indentation, making it easier to navigate and understand the structure of your code.

13. **Material Icon Theme:** Material Icon Theme is a visually appealing Visual Studio Code extension that replaces file icons in your editor with colorful and distinct icons based on the Material Design principles. It adds a touch of elegance and visual consistency to your file explorer, improving the overall user experience.

14. **Material Theme:** Material Theme is a popular Visual Studio Code extension that applies a beautiful and modern Material Design-inspired theme to your editor. It provides a sleek and visually pleasing interface, enhancing the overall aesthetics and usability of your coding environment.

15. **Pretty TypeScript Errors:** Pretty TypeScript Errors is a Visual Studio Code extension that enhances the display of TypeScript compilation errors in the editor. It provides a more readable and user-friendly format for error messages, making it easier to identify and troubleshoot issues in your TypeScript code

16. **Path Intelligence:** Path Intelligence is a handy Visual Studio Code extension that provides autocompletion for filenames in your code. It helps you quickly and accurately reference files within your project, saving you time and reducing the chances of errors when working with file paths.

17. **Postman:** Postman is a powerful Visual Studio Code extension that integrates the Postman API development platform directly into your editor. It enables you to design, test, and document APIs seamlessly, making API development more efficient and streamlined.

18. **Prettier - Code formatter:** Prettier - Code formatter is a popular Visual Studio Code extension that automatically formats your code based on predefined rules. It helps maintain consistent code style, improves readability, and saves you from manually formatting your code.

19. **Tabnine AI Autocomplete for JavaScript, Python, TypeScript, PHP, Go, Java, Ruby & more:** Tabnine is an intelligent Visual Studio Code extension that uses AI-powered autocomplete to provide smart suggestions as you type. It supports multiple programming languages and improves your productivity by offering accurate and context-aware code completions.

20. **Thunder Client:** Thunder Client is a comprehensive Visual Studio Code extension for testing and debugging RESTful APIs. It provides a user-friendly interface to send HTTP requests, view responses, and analyze API performance, making API testing and development more efficient.

.