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
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • 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.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • React

    A declarative, efficient, and flexible JavaScript library for building 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.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • 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