VS Code React Extension Pack

A collection of extensions for working with Node, React, Vanilla JS applications along with git management extensions in VS Code.

Here are mostly used extensions which helps setting up your vscode environment and boost your developing time.

Extensions Included

• Material Theme The most epic theme now for Visual Studio Code
• VScode Icons Icons for Visual Studio Code
• ESLint Integrates ESLint JavaScript into VS Code.
• Prettier - Code formatter VS Code plugin for prettier/prettier.
• Stylelint Modern CSS/SCSS/Less linter.
• GraphQL GraphQL extension for VSCode adds syntax highlighting, validation, and language features like go to definition, hover information and autocompletion for graphql projects. This extension also works with queries annotated with gql tag.
• Import Cost Display import/require package size in the editor.
• Auto Close Tag Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.
• Bracket Pair Colorizer A customizable extension for colorizing matching brackets.
• npm Intellisense Visual Studio Code plugin that autocompletes npm modules in import statements.
• Auto-Open Markdown Preview Open Markdown preview automatically when opening a Markdown file.
• JavaScript (ES6) code snippets Code snippets for JavaScript in ES6 syntax.
• Polacode Polaroid for your code.
• Quokka.js Live Scratchpad for JavaScript.
• Settings Sync Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
• GitLens — Git supercharged Supercharge the Git capabilities built into Visual Studio Code — 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.
• GitLens — Git supercharged Allows you to change easily between git projects.
• Git Blame See git blame information in the status bar.
• GitHub Pull Requests Pull Request Provider for GitHub.
• Docker Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files.
• HAProxy HAProxy Configuration Syntax Highlighter and Snippets.
• nginx.conf Syntax highlighter for nginx conf files.

Refer the settings.json and apply them to see the best results of these extensions