DEV Community

Emma Bostian ✨
Emma Bostian ✨

Posted on

What Does Your IDE/Code Editor Look Like?

I have FINALLY gotten my code editor to be my ideal setup. But now I'm curious, what does your code editor/IDE look like?

VSCode

Editor

I'm using VS Code. Although I've used Sublime Text and Atom Editor previously, I've found VSCode to be the winner.

Font

I'm using the font Dank Mono. It's a paid font; it cost me about 40 British pounds, but is definitely worth it. Fira Code is a free alternative with ligatures (the cursive-style and connecting lines which make code editors beautiful).

Dank Mono

Dank Mono

Fira Code

Fira Code

Theme

I'm currently using the Dracula theme for my editor. Although I tend to flip flop between Dracula and Night Owl by Sarah Drasner and Pink Cat Boo.

Dracula

Dracula

Night Owl

Night Owl

Pink Cat Boo

Pink Cat Boo

Terminal

My code terminal is setup using OhMyZsh. Ali Spittel has a fun blog post all about terminal setup if you're interested in learning more!


Post pictures of your setup below!

Oldest comments (164)

Collapse
 
jakewca profile image
Jake

I'm primarily a vim user so I use a terminal a lot. I use a modified San Francisco Mono to be a Nerd font and setup my purple AF layout. Read more on my GitHub: github.com/jakew/dotfiles

Collapse
 
nickytonline profile image
Nick Taylor • Edited

Here's my VS Code Setup.

It's a little out of date as I use zsh for my shell now, Dank Mono for font and Night Owl is my go to theme these days, but the rest is pretty much the same.

My VS Code Setup

Collapse
 
ubmit profile image
Guilherme de Andrade • Edited

Editor: Neovim
Font: Fira Code
Theme: Nord
Terminal: kitty
Shell: fish

preview

Collapse
 
skydevht profile image
Holy-Elie Scaïde

Pretty much the same, but I'm on Mac so iTerm is the terminal and shell is zsh

Collapse
 
jacobherrington profile image
Jacob Herrington (he/him)

I love fish, but I swapped off of it when I started writing more documentation because I needed my examples to be backward compatible with bash. 😭

Collapse
 
gavinfernandes2012 profile image
Gavin Fernandes

You can always use the bass fisher plugin if you want bash compatibility. That way you can run bash scripts with bass script.sh

It's what I do to get fish to play nice with /etc/profile

Collapse
 
nerdy_girl profile image
Natalia

This wallpaper is the best! 😍

Collapse
 
ybbond profile image
Yohanes Bandung Bondowoso • Edited

pretty much the same as me!
mine is:

Editor: Neovim
Font: Heavily-Modified-Using-Glyph.App-Ligaturized-Font
Theme: Gruvbox
Terminal: kitty
Shell: fish

my-build

on mac here

Collapse
 
vhoyer profile image
Vinícius Hoyer

Gruvbox is the best thing ever, am I rigth?

Thread Thread
 
ybbond profile image
Yohanes Bandung Bondowoso

Yes! I discovered it for VSCode at first, then noticed I can make my kitty and nvim to use it.

Calming colors!

Collapse
 
xxzozaxx profile image
Ahmed Khaled

Hey would u mind share with me your exp with ligaturized-font. It's the font the put free-font glyph in any other font right ?

Thread Thread
 
ybbond profile image
Yohanes Bandung Bondowoso

I used glyphsapp.com to edit specific characters (for instance, the italicized "s") or rearrange the unicode char to be used as normal char.
And then, I converted it to be ligature with github.com/ToxicFrog/

hope that explains!

Collapse
 
patricnox profile image
PatricNox • Edited

I love your wallpaper there, care to share?

Collapse
 
jnorfoo profile image
jn

Ohhhh!! What is this blue wallpaper with the cat? :) where can I download by any chance?

Collapse
 
gand988 profile image
Matteo Zanda • Edited

Editor: VsCode
Font: Hack
Theme: Slack Theme Aubergine Dark
Terminal: VsCode terminal

  • extension list on the right

gand988 vscode

Collapse
 
kiritchoukc profile image
KiritchoukC

I had to flip my phone to find the extensions

Collapse
 
saaage profile image
Stefan Age • Edited
  • editor: vim
  • font: Dank Mono
  • theme: kphoen
  • terminal: iterm2/OhMyZsh
Collapse
 
dance_nguyen profile image
Dan N • Edited

The really like the brown in the Kimbie Dark theme (VSCode)
Edit: the picture upload's not working

Collapse
 
antonmelnyk profile image
Anton Melnyk

It works, you just have to insert it with markdown.

![Title](https://linkurl.example)
Collapse
 
dance_nguyen profile image
Dan N

Ahh got it - thanks for the tip!

Collapse
 
danjconn profile image
Dan Conn

Editor: IntelliJ / PyCharm / CLion
Font: Menlo
Theme: Dracula
Terminal: Bash (although moving to OhMyZsh soon)

Collapse
 
ctrlsquid profile image
zach

I'm actually utilizing almost the exact same setup as you! twinsies!
Screenshot of VS Code Setup

Collapse
 
gildotdev profile image
Gil
  • Dank Mono
  • 1984 Theme
  • Bash

VS Code Sreenhot

Collapse
 
emmabostian profile image
Emma Bostian ✨

Love this theme!

Collapse
 
gildotdev profile image
Gil

I forgot to mention the use of the Peacock extension from John Papa. dev.to/john_papa/peacock---choose-...

Collapse
 
kenice profile image
Kenice

Beautiful setup.

Collapse
 
tripol profile image
Ekanem

Lovely theme (and on a side note, I'm just realising that you can view and work from the terminal directly from VSCode. So helpful)

Collapse
 
gildotdev profile image
Gil

Thanks. yes, the built in terminal is great!

Collapse
 
petecapecod profile image
Peter Cruckshank

Oh yeah it's a big time saver

Collapse
 
skydevht profile image
Holy-Elie Scaïde

Editor: Neovim
Font: Fira Code
Theme : Nord
Terminal: iTerm2

screenshot

Some comments may only be visible to logged-in visitors. Sign in to view all comments.