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

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • toml

    Tom's Obvious, Minimal Language

    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.

  • postman-app-support

    Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.

    The Thunder Client extension integrates a client for REST APIs into VS Code. It is a lightweight alternative to Postman. You can send any kind of http(s) request, see the response data, and organize your requests in collections.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • React

    The library for web and native user interfaces.

    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.

  • prettier

    Prettier is an opinionated code formatter.

    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.

  • foundation

    GraphQL Foundation Charter and Legal Documents (by 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.

  • git

    A fork of Git containing Windows-specific patches. (by git-for-windows)

    Git is the most used version control system (VCS), and there are great extensions for VS Code. You can also find extensions for other VCS's such as Subversion on the VS Code marketplace.

  • ESLint

    Find and fix problems in your JavaScript code.

    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.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • emmet

    The essential toolkit for web-developers

    With the Emmet Live extension, you can preview your Emmet output while crafting the Emmet abbreviation. You can start it with the Emmet Live command.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts