Turn Visual Studio Code Into A Top-Notch JavaScript IDE With These 25 Extensions

1

React

The ES7 snippets extension provides many expandable everyday snippets. For example, defining imports and exports, creating methods and loops, and returning Promises. The extension also contains many snippets for React and GraphQL.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions

2

Prettier

Formatting code manually is very time-consuming and error-prone. With Prettier, the de-facto standard code formatter of the JavaScript world, you can format your code automatically. You can even configure the Prettier VS Code extension to format the source code when you save it.

#Developer Tools #Code Coverage #Code Analysis 256 social mentions

3

GraphQL

The ES7 snippets extension provides many expandable everyday snippets. For example, defining imports and exports, creating methods and loops, and returning Promises. The extension also contains many snippets for React and GraphQL.

#Developer Tools #Web Frameworks #JavaScript Framework 223 social mentions

4

TOML

TOML is a configuration file format that aims to be simple and easily readable. The Even Better TOML extension adds full editor support, including syntax highlighting, folding, navigation, and formatting.

#Mobile Apps #Configuration Management #Software Development 11 social mentions

5

ESLint

ESLint is the most commonly used JavaScript linter. It helps you "find and fix problems in your JavaScript code." ESLint is very extensible and configurable, and many teams have their own custom rules for their projects. The ESLint extension shows errors and warnings directly in your editor and lets you quick-fix them easily. You can also configure it to auto-fix any problems on save.

#Code Coverage #Developer Tools #Code Quality 229 social mentions