VSCode extensions that you need [Webdevs]🚀🔧

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
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • vscode-wrap-console-log

    Visual Studio Code extension for fast console.log:ing

  • 3. Wrap Console

  • vscode-docthis

    JSDoc generator extension for Visual Studio Code. (by oouo-diogo-perdigao)

  • 4. Document this

  • 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.

    SurveyJS logo
  • template-string-converter

    Autocorrect from quotes to backticks

  • 5. Template string converter

  • vscode-react-javascript-snippets

    Extension for React/Javascript snippets with search supporting ES7+ and babel features

  • 6. ES7 React/Redux/React-Native/JS snippets

  • vscode-drawio

    This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.

  • 7. Draw.io integration

  • vscode-error-lens

    VSCode extension that enhances display of errors and warnings.

  • 8. Error lens

  • PathIntellisense

    Visual Studio Code plugin that autocompletes filenames

  • 9. Path Intellisense

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • vscode-indent-rainbow

    Extension which shows indentation with a faint rainbow colored background to make them more readable

  • 10. Indent Rainbow

  • todo-tree

    Use ripgrep to find TODO tags and display the results in a tree view

  • 11. Todo tree

  • HTML-CSS-Class-Completion

    :chocolate_bar: Visual Studio Code extension that provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace

  • 12. IntelliSense for CSS class names in HTML

  • vscode-styled-components

    Syntax highlighting for styled-components

  • 13. Styled components

  • vscode-emojisense

    Emoji Autocomplete Plugin For VSCode

  • 14. :emojisense:

  • vscode-spell-checker

    A simple source code spell checker for code

  • 15. Code Spell Checker

  • vscode-ext-color-highlight

    Extension adds colored border around css/web colors in the editor

  • 16. Color Highlight

  • vscode-auto-rename-tag

    Automatically rename paired HTML/XML tag

  • 17. Auto Rename Tag

  • vscode-sqltools

    Discontinued Database management for VSCode

  • 18. SQL Tools

  • vscode

    Connect to MongoDB and Atlas and directly from your VS Code environment, navigate your databases and collections, inspect your schema and use playgrounds to prototype queries and aggregations. (by mongodb-js)

  • 19. MongoDB for VS Code

  • vscode-regex

  • 20. Regex Previewer

  • 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.

    WorkOS logo
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