Make VSCode Home With These Extensions



Getting started with Visual Studio Code and/or looking for some new plugins to fit seamlessly with your workflow? Well, look no further! Below, I have included some of the most useful and recommended extensions that are completely free to install and use.


  • Current theme:
  • Icons:
  • Font:


  • Auto Close Tag

    • Automatically add HTML/XML close tag
  • Auto Rename Tag

    • Automatically rename paired HTML/XML tag
  • Foam Research

    • note-taking tool that lives within VS Code, which means you can pair it with your favorite extensions for a great editing experience.
  • Better Comments

    • Comments extension will help you create more human-friendly comments in your code.
  • CodeSwing

    • It’s like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but available directly from your highly-personalized editor.
  • Code Runner

    • Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, e.c.t.
  • advanced-new-file

    • Create files anywhere in your workspace from the keyboard
  • Error Lens

    • Error Lens turbo-charges language diagnostic features
  • ESDoc MDN

    • This extension lets you quickly bring up helpful MDN documentation in the editor by typing //mdn [] for example.
  • Live Preview

    • Hosts a local server in your workspace for you to preview your webpages on in VSC!
  • HTML CSS Support

    • HTML id and class attribute completion for Visual Studio Code.



  • ESLint

  • Prettier

    • Automatically format javascript, JSON, CSS, Sass, and HTML files.
  • Color Highlight

    • This extension styles css/web colors found in your document.


See my full list of extensions here

Source link

Leave a Reply

Your email address will not be published.