/react-with-flow-extension-pack

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

VS Code React with flow extension pack

A collection of extensions for working with Node, React, Vanilla JS applications along with flow and 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

  • npm Intellisense Visual Studio Code plugin that autocompletes npm modules in import statements.
  • Bracket Pair Colorizer A customizable extension for colorizing matching brackets.
  • ESLint Integrates ESLint JavaScript into VS Code.
  • Git history View git log, file history, compare branches or commits
  • ES7 React/Redux/GraphQL/React-Native snippets Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax
  • 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.
  • Prettier - Code formatter VS Code plugin for prettier/prettier.
  • Flow Language Support Flow support for VS Code
  • Auto Close Tag Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text.
  • GitHub Pull Requests Pull Request Provider for GitHub.
  • Auto-Open Markdown Preview Open Markdown preview automatically when opening a Markdown file.
  • Version Lens Shows the latest version for each package using code lens
  • Material Icon Theme Material Design Icons for Visual Studio Code
  • Polacode Polaroid for your code.
  • 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.
  • Settings Sync Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.
  • Code Spell Checker Spelling checker for source code
  • Git Blame See git blame information in the status bar.
  • TODO Highlight highlight TODOs, FIXMEs, and any keywords, annotations...
  • javascript console utils Help insert and remove console.(*) statements
  • Import Cost Display import/require package size in the editor.
  • change-case Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word
  • JavaScript (ES6) code snippets Code snippets for JavaScript in ES6 syntax.

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