BaraJS Extension Pack

All Installed VSCode Extension for Frontend Web Development with JavaScript-based ecosystem.

What's included in this Extension Pack?

• 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.

License

Copyright (c) 2021 Ilham Mubarok