All Installed VSCode Extension for Frontend Web Development with JavaScript-based ecosystem.
-
ESLint
Identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs.
-
JavaScript (ES6) code snippets
This extension contains code snippets for JavaScript in ES6 syntax for Visual Studio Code (supports both JavaScript and TypeScript).
-
ES7 React/Redux/GraphQL/React-Native snippets
Code snippets for React, React-Native and Redux in JavaScript/TypeScript with ES7+ syntax. Customizable. Built-in integration with prettier.
-
Prettier - Code formatter
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.
-
Live Server
Launch a development local Server with live reload feature for static & dynamic pages.
-
open in browser
This allows you to open the current file in your default browser or application.
-
Git Lens
GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed. Effortlessly explore the history and evolution of a codebase.
-
Tailwind CSS IntelliSense
Enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.
-
Auto Rename Tag
Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
-
Auto Close Tag
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
-
Community Material Theme
My personal theme preferences. The official community maintained Material Theme with 'legacy' color schemes you love!
-
Material Icon Theme
My personal icon theme preferences. Material Design Icons for Visual Studio Code.
-
IntelliSense for CSS class names in HTML
Provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace or external files referenced through the link element.
-
vscode-styled-components
The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript. Previously
jpoissonnier.vscode-styled-components
. -
Live Sass Compiler
A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.
-
Import Cost
Display inline in the editor the size of the imported package. The extension utilizes webpack in order to detect the imported size.