VSCode Extensions You Should Have

VSCode Extensions You Should Have

Extensions are a key component of VSCode. They can add so much functionality to this seemingly simple code editor. Here's an exhaustive list of extension that I use in my day to day workflow in VSCode.

  • Python Download

    Get Python language support with linting, debugging, running tests and lots more.

  • Prettier - Code Formatter Download

    Format your JavaScript code according to an opinionated standard or your own.

  • ESLint Download

    Lint your code to follow a certain code style.

  • IntelliCode Download

    Get intelligent suggestions (not just word auto completion) based on your code.

  • GitLens Download

    Interact with git from VSCode through a powerful UI.

  • Code Run Download

    Run any script you want.

  • Material Icon Theme Download

    Good looking icon theme.

  • Live Share Download

    Collaborate with multiple people on the same file.

  • Path Intellisense Download

    Autocomplete paths in your files.

  • GitHub Pull Requests and Issues Download

    Manage GitHub issues and pull requests directly from VSCode.

  • One Dark Pro Download

    Best color scheme ever made. (#controversial)

  • ES7+ React/Redux/React-Native snippets Download

    Useful snippets if you're using React.

  • EditorConfig Download

    Standardized editor configuration.

  • Code Spell Checker Download

    Never make a spelling mistake ever again.

  • markdownlint Download

    Lint markdown files to follow a certain standard.

  • Better Comments Download

    Colorful comments to easily navigate around important parts of the code.

  • CSS Peek Download

    Go to definition for CSS.

  • Git Graph Download

    Git log... but cooler.

  • DotEnv Download

    Highlight dotenv files.

  • Quokka.js Download

    Prototype your JavaScript code.

  • Peackcock Download

    Distinguish between multiple VSCode instances.

  • gitignore Download

    Generate gitignore template.

  • Version Lens Download

    Manage package versions.

  • Image Preview Download

    Preview images in the gutter for quick reference.

  • Error Lens Download

    Why have tiny squiggly lines when you can have chungus line highlights.

  • SCSS IntelliSense Download

    Autocompletion for SCSS.

  • Microsoft Edge Tools for VS Code Download

    Suggest best practices for web development and integrate with Microsoft Edge browser.

  • Formatting Toggle Download

    Toggle formatting files.

  • GitHub Repositories Download

    Browse remote GitHub repositories without cloning them.

  • GitHub Markdown Preview Download

    Have the same markdown previewer as GitHub.

  • WakaTime Download

    Track your coding time.

  • Sort Lines Download

    Sort lines by any order.

  • Live Preview Download

    Preview your HTML files inside VSCode.

  • Code Snap Download

    Take cool screenshots of your code to share around.

  • Lorem ipsum Download

    Generate random lorem ipsum text for any file.

  • Colorize Download

    Highlight CSS colors.

  • Fluent Icons Download

    Cleaner app icons.

  • :emojisense: Download

    Autocompletion for markdown emojis.

  • Relative Path Download

    Get relative path to any file in the project.

  • .ENV Switcher Download

    Switch between .env files.

  • audio-preview Download

    Preview audio files.

  • Choose A License Download

    Generate a license file.

  • Discord Rich Presence Download

    Show off to your friends what you're working on.

  • Draw.io Integration Download

    View draw.io files inside VSCode.

  • Gif Player Download

    Preview GIF files.

  • Numbered Bookmarks Download

    Put bookmarks throughout your code.

  • SCSS Everywhere Download

    Autocompletion for CSS classes.

  • Thunder Client Download

    Make API requests from VSCode.

  • Todo Tree Download

    All your TODOs in one place.

  • vscode-spotify Download

    Control Spotify from VSCode.

PS: If you speak Bangla you can also check out this YouTube video showcasing these settings.