/useful-extensions

📌 List of useful VSCode & Google Chrome extensions for web development

Useful Extensions For Web Development

List of VSCode & Google Chrome extensions for web development that I currently have installed and found very useful.

VSCode

⭐️ Extension What is it?
Prettier - Code formatter Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
ESLint ESLint statically analyzes your code to quickly find problems. You can customize ESLint to work exactly the way you need it for your project.
CSS-in-JS Provides CSS in JS autocompletion and converts kebab-case CSS to camelCase CSS and vice versa
Code Spell Checker The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.
Bracket Pair Colorizer 2 A customizable extension for colorizing matching brackets.
GitLens — Git supercharged It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.
scss-lint It runs scss-lint in bash and displays the errors found by underlining and/or highlighting the errors in your scss files upon saving of that file.

Google Chrome

⭐️ Extension What is it?
React Developer Tools It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
axe DevTools - Web Accessibility Testing Accessibility Checker – find and fix more accessibility issues during website development with axe DevTools.
WAVE Evaluation Tool A web accessibility evaluation tool developed by WebAIM.org. It provides visual feedback about the accessibility of your web content by injecting icons and indicators into your page.
GoFullPage - Full Page Screen Capture Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
ColorZilla Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies.
WhatFont The easiest way to identify fonts on web pages.
WhatRuns Discover what runs a website. Frameworks, Analytics Tools, Wordpress Plugins, Fonts - you name it.