Show off your VSCode Setup 👩🏻‍💻💯
Sarthak Sharma

Sarthak Sharma @sarthology

About: JavaScript Nerd👨🏻‍💻| Philosopher🧘🏻‍♂️ | Life Hacker🔧 | Health enthusiast🏋🏻‍♂️

Location:
Earth 🌏
Joined:
Aug 2, 2018

Show off your VSCode Setup 👩🏻‍💻💯

Publish Date: Mar 24 '21
129 77

After the last edition, which I loved a lot btw let's do it again this month too.

Screenshot 2021-03-24 at 2.56.15 PM

𝗧𝗵𝗲𝗺𝗲: Deepdark Material Theme
𝗙𝗼𝗻𝘁: Dank Mono
𝗣𝗲𝗮𝗸𝗰𝗼𝗮𝗸 𝘁𝗵𝗲𝗺𝗲: #f22e60 colour code

So tell me what's your current VSCode theme and font look like? I'm Curious. Also, share your 3 personal favourite VSCode plugins.

Comments 77 total

  • Mohammad Wasiq
    Mohammad WasiqMar 24, 2021

    Theme: Mayukai Mono
    Font: JetBrains Mono
    Favourite Extensions: TODO Highlight, WakaTime, Import Cost

  • relativelyrehan
    relativelyrehanMar 24, 2021

    • relativelyrehan
      relativelyrehanMar 24, 2021

      Material Theme: Palenight - HC 🧛🧛

    • Sarthak Sharma
      Sarthak SharmaMar 24, 2021

      What's the theme name?

    • Tanvir Shaikh
      Tanvir ShaikhMar 25, 2021

      Is file broweser on right better than left ?

      • relativelyrehan
        relativelyrehanMar 26, 2021

        It's more of a personal preference I suppose. There's no better way😇😅

      • Abraham
        AbrahamMar 26, 2021

        It actually is. Reason is toggling menu from left while working shifts your editor.
        And that is distraction. But when it's toggled from right. You won't lose focus on where you where last.

    • Stanley Melgar
      Stanley MelgarApr 1, 2021

      What's theme name?

  • saurav sharma
    saurav sharmaMar 24, 2021

    image

    theme: deepdark material theme

    fav plugins:

    1. Turbo console log
    2. TabNine auto complete
    3. Codalyze
  • Rishi
    RishiMar 24, 2021

    Github Dark

  • Rishabh Tyagi
    Rishabh TyagiMar 24, 2021

    😲😲👍

    Theme: Monokai
    Extensions: ES7, Live server

  • Thalita G.
    Thalita G.Mar 24, 2021

    Naseki's VSCode setup

    Theme: Remedy (dark - tilted)
    Product icon theme: Carbon Icons
    Font: JetBrains Mono

    I don't really go crazy with plugins other than autocompletes, Live Server and a minifier. The one exception to that is Better Comments, a must-have to me.

  • Jon Randy 🎖️
    Jon Randy 🎖️Mar 24, 2021

    image

    • Sarthak Sharma
      Sarthak SharmaMar 24, 2021

      🤔

      • Jon Randy 🎖️
        Jon Randy 🎖️Mar 25, 2021

        I don't use VS Code. It's slow and a resource hog

        • Harutyun Mardirossian
          Harutyun MardirossianMar 26, 2021

          Most of the electron products are slow. Atom is based on electron too and it much much slower than any other editor. My personal favorite in simple text editors is Sublime Text - written in C++ and extremely fast

    • Sanjaay R.
      Sanjaay R.Mar 26, 2021

      My favorite theme of them all

      xD

  • Pranav Baburaj
    Pranav BaburajMar 24, 2021

    Theme : Night Owl
    Icon : Vscode Icons Mac
    Extensions : I have a lot of extensions

  • David  Morais
    David MoraisMar 24, 2021

    Theme 👉 Electron Vue Darker

  • Abraham
    AbrahamMar 24, 2021

    Learn how I did this here

  • Brian Gaines
    Brian GainesMar 24, 2021

    My VSCode theme

    Here's mine:
    Theme: Operator Mono Dark Theme
    Font: Operator Mono', Consolas, 'Courier New', monospace

  • Vu
    VuMar 25, 2021

    My VSCode

    But now I am using Vim.

  • DevMed
    DevMedMar 25, 2021

    Great tutorial, I real appreciate,

  • Wellington Chanda
    Wellington ChandaMar 25, 2021

    𝗧𝗵𝗲𝗺𝗲: BeardedTheme Black & Emerald
    Product icon theme: Fluent Icons
    Font: Consolas, 'Courier New', monospace

    • NatriumDev
      NatriumDevMar 25, 2021

      +1 for a light theme. We are a rare breed.

      • Sarthak Sharma
        Sarthak SharmaMar 25, 2021

        I love them too.

      • Mohammed Samgan Khan
        Mohammed Samgan KhanMar 26, 2021

        no offence to people use dark, but dark theme are overrated.
        ones u start using light there is no going back..

        FORCE is way stronger on the light side...

  • Bobby
    BobbyMar 25, 2021
  • Ahmed Abu Qahf
    Ahmed Abu QahfMar 25, 2021

    my-setup

    Theme: Gruvbox Dark Hard
    Font Family: Input Mono, 12
    Icons: material-icon-theme
    Product Icons: fluent-icons

    • Sarthak Sharma
      Sarthak SharmaMar 25, 2021

      Screenshot?

    • SoulNinja-dev
      SoulNinja-devMar 25, 2021

      thanks for this, I am going to use this from now, looks really nice

      • Ahmed Abu Qahf
        Ahmed Abu QahfMar 25, 2021

        You're welcome. That's great, let me know if you can make it even better.

        • SoulNinja-dev
          SoulNinja-devMar 25, 2021

          Nah, I'm not into customizing that much, I just use pre-made templates most often 😅

          • SoulNinja-dev
            SoulNinja-devMar 25, 2021

            I dont like designing that much lol, I suck at css and stuff like that

  • Nodirbek-py
    Nodirbek-pyMar 25, 2021

    Theme: synthwave 84, after installing enable neon effect by typing enable... on ctrl+shift+p
    Icon theme: Material
    Productivity: code time

  • Harutyun Mardirossian
    Harutyun MardirossianMar 25, 2021

    My setup, but I don’t use VSCode 😝😝😝
    IntelliJ IDEA + Material UI theme + Atom Material File Icons + Cascadia Code font

    IntelliJ IDEA

  • F4lc0n
    F4lc0nMar 26, 2021

    screen

    Theme : One Dark Pro

    Font Family : Input Mono

    File Icon : Vscode Great Icon

  • Pranav Karawale
    Pranav KarawaleMar 26, 2021

    Here's mine:
    My Code Setup

    • Theme : Material Theme Ocean (its the base theme upon which I have put all my customizations)
    • Theme : Victor Mono
    • Icons : Material Icons (P.S And the project in the screenshot also uses Material Design, I ❤Material)
  • Sanjaay R.
    Sanjaay R.Mar 26, 2021

    Don't mind the code:
    MOI SETUP

    Theme: One Dark Pro
    Font-Family: Fira Code
    Icons: Material Icon Theme - Philipp Kief
    Product Icon: Material Product Icons - Philipp Kief

    Recommended MUST HAVE extensions:
    Code Spell Checker
    Error Lens
    Project Manager

    P.S. Philipp Kief is AWESOME with icons!

    P.S.P.S. The blue marking on the scroll bar is blue because it is a spell check error and it is shown brightly because of the Error Lens extension.

  • Adam Parkin
    Adam ParkinMar 26, 2021

    Theme: Super One Dark (have made a couple minor tweaks to that theme)
    Font: Menlo, Monaco, 'Courier New', monospace. 12 point.
    Icons: vscode-icons (marketplace.visualstudio.com/items...)

    Picking 3 favourite plugins is like trying to pick your 3 favourite children. I love all 62 I currently have installed. :)

    My Setup

  • Reli
    ReliMar 26, 2021

    Theme: Gruvbox Dark Medium
    Font Family: Fira Code, 14
    icons: material-icon-theme

    I really like to hide and show parts of the UI with shortcuts, I think it's very clean.

  • Bobby Patterson
    Bobby PattersonMar 26, 2021

    Nightcall

    Theme: Nightcall (my own theme 🤪)
    Font Family: Dank Mono
    Icons: material-icon-theme
    Product Icons: fluent-icons
    Fave Plugins: Footsteps, Indent-Rainbow, Tailwind CSS IntelliSense

  • Rashil Gandhi
    Rashil GandhiMar 28, 2021

    doom

    *Rip and Tear plays in the background

  • Alan Gabriel
    Alan GabrielMar 28, 2021

    vscode
    Theme: Omni
    Font Family: Fira code (with font ligatures active) , 15
    Icons: material-icon-theme

  • Kevin Letchford
    Kevin LetchfordMar 29, 2021

    Custom Theme: Hyper Dimension
    Font: Operator Mono

    Desktop

  • GitKat
    GitKatMar 30, 2021


    I dont use VScode. I use outdated Brackets.io With Dark Theme

  • Gaurang
    GaurangMar 31, 2021

    Here's mine :)
    screenshot of my VS Code setup

    Theme: Mirage by tristanremy
    Font: FiraCode Nerd Font
    File Icon Theme: Helium Icon Theme by Helgard Richard Ferreira

  • official_dulin
    official_dulinApr 23, 2021

    Theme: Dark+(default dark)
    Font: Operator Mono
    Font Size: 13

Add comment