DEV Community

What Does Your IDE/Code Editor Look Like?

Emma Bostian ✨ on August 14, 2019

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? Editor I'm ...
Collapse
 
ubmit profile image
Guilherme de Andrade • Edited

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

preview

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
 
nerdy_girl profile image
Natalia

This wallpaper is the best! 😍

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
 
patricnox profile image
PatricNox • Edited

I love your wallpaper there, care to share?

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
 
jnorfoo profile image
jn

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

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

VS Code Sreenhot

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
 
emmabostian profile image
Emma Bostian ✨

Love this theme!

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
 
petecapecod profile image
Peter Cruckshank

Oh yeah it's a big time saver

Collapse
 
gildotdev profile image
Gil

Thanks. yes, the built in terminal is great!

Collapse
 
kenice profile image
Kenice

Beautiful setup.

Collapse
 
aut0poietic profile image
Jer

Ack! OCD Moment incoming! MUST. RESIST. PLAYING. WITH. EDITOR. SETTINGS!!!!!!

Collapse
 
ggganea profile image
ggganea

Ikr

Collapse
 
rpalo profile image
Ryan Palo

My editor

  • VS Code (although I sometimes open Vim in the integrated terminal #yolo)
  • Fira Code
  • An Old Hope Theme
  • Zsh (although Bash and Powershell are pretty consistently in the rotation)
  • I have very strong love for ligatures

Also, I keep the Panda theme in rotation too!

Panda theme

Collapse
 
hrmny profile image
Leah

do you actually like powershell, or do you just use it because windows?

Collapse
 
rpalo profile image
Ryan Palo

I think it’s a neat idea! It puts object oriented programming into the command line, which is cool. I’m usually more quick/productive in Bash-y environments, but I enjoy powershell. It’s a gazillion times better than windows older command line environment.

Thread Thread
 
hrmny profile image
Leah

For me it takes the worst parts of a shell and a scripting language and combines them on top of some .net layer

I've written a bunch of scripts at work and I still despise it

Thread Thread
 
rpalo profile image
Ryan Palo

I wrote this post about it! I don’t know if it helps you, but it explains a bit better why I like it 😁

Thread Thread
 
simbo1905 profile image
Simon Massey

If you are stuck in a corporate windows build without a linux subsystem you can run Git Bash as the VS Code terminal dev.to/simbo1905/how-to-integrate-...

Collapse
 
mrksoftware profile image
Mirko Bellabarba

Hi, are you using Windows? If yes, how did you manage to install zsh? Thanks in advance :)

Collapse
 
rpalo profile image
Ryan Palo

If you’re on Windows 10, you can install Windows Subsystem Linux which is like a little mini Ubuntu or Debian (or some others) that live inside your windows install and play nicely. Vs code has a remote sessions extension that lets you use vs code as if you were inside that mini Linux, but with your Windows file system. It’s pretty great. If this isn’t quite enough detail, shoot me a DM here on DEV and I can help you get it set up! 😁

Thread Thread
 
mrksoftware profile image
Mirko Bellabarba

Oh thank you, got it! I’ll try in the following days and in case I have problems I’ll DM you! Thank you very much :)

Thread Thread
 
rpalo profile image
Ryan Palo

Good luck!

Thread Thread
 
vigneshthedev profile image
Vigneshkumar Chinnachamy

I tried to install zsh in wsl. But couldn't install the power line fonts for theming.

Thread Thread
 
dylantientcheu profile image
Dylan Tientcheu

I have 2 posts regarding this, you’ll be quickly setup

dev.to/dylantientcheu/improve-your...

dev.to/dylantientcheu/transforming...

Thread Thread
 
kjbetz profile image
Kristopher Betz

Thanks!

Collapse
 
donnisnoni profile image
Don Alfons Nisnoni • Edited

Screenshoot

Collapse
 
mrksoftware profile image
Mirko Bellabarba

Hi, are you using Windows? If yes, how did you manage to install zsh? Thanks in advance :)

Collapse
 
dylantientcheu profile image
Dylan Tientcheu
Thread Thread
 
mrksoftware profile image
Mirko Bellabarba

Thanks man! ;)

Collapse
 
oshiole profile image
Mubarak Yaqoub-Okponobi

How did you setup your terminal like that. Would love to do mine as well

Collapse
 
donnisnoni profile image
Don Alfons Nisnoni

Hi bro... i'm using Powerline for fish.. you can check this out here.. if you using windows, then install WSL first.

Collapse
 
vimmer9 profile image
Damir Franusic

VIM

Single screen:
vim

My current setup:

Configuration and plugins:

My .vimrc as requsted, not a pretty site :)

"+-----------+
"| " general |
"+-----------+
set exrc
set secure
set t_Co:256
set tabstop=8
set softtabstop=4
set shiftwidth=4
set nocursorline
"set noexpandtab
set expandtab
set number
"set foldmethod=syntax
"set foldlevel=99
set nofoldenable
set nowrap
"set viminfo^=%
syntax on
"set paste
highlight clear SignColumn
"set hidden (enable switching from changed buffer)
set hidden
set backupcopy=yes
set sessionoptions-=options
runtime! ftplugin/man.vim
let g:netrw_liststyle=0
"pathogen
execute pathogen#infect()

"+---------+
"| windows |
"+---------+
function! WinMove(key)
  let t:curwin = winnr()
  exec "wincmd ".a:key
  if (t:curwin == winnr()) "we havent moved
    if (match(a:key,'[jk]')) "were we going up/down
      wincmd v
    else
      wincmd s
    endif
    exec "wincmd ".a:key
  endif
endfunction
map <leader>h :call WinMove('h')<cr>
map <leader>k :call WinMove('k')<cr>
map <leader>l :call WinMove('l')<cr>
map <leader>j :call WinMove('j')<cr>
map <leader>wc :wincmd q<cr>
map <leader>wr <C-W>r
nmap <leader><left>  :3wincmd <<cr>
nmap <leader><right> :3wincmd ><cr>
nmap <leader><up>    :3wincmd +<cr>
nmap <leader><down>  :3wincmd -<cr>

"+-----------+
"| shortcuts |
"+-----------+
" plugins
map <F9> :UndotreeToggle<CR>
map <F8> :TagbarToggle<CR>
autocmd FileType c,cpp nnoremap <buffer><Leader>cf :<C-u>ClangFormat<CR>
" buffers
nnoremap <silent> <F12> :bnext<CR>
nnoremap <silent> <F11> :bprevious<CR>
nnoremap <F5> :CtrlPBuffer<CR>
nnoremap <Leader>q :Bdelete<CR>
" tabs
nnoremap <Leader>tc :tabclose<cr>
nnoremap <Leader>ts :tab split<cr>
" man
nnoremap K :Man <cword><CR>
" copy/paste
noremap <Leader>y "*y
noremap <Leader>p "+p

"+---------+
"| airline |
"+---------+
set laststatus:2
set ttimeoutlen:50
set encoding:utf-8
"let g:airline#extensions#tabline#enabled = 1
"let g:airline#extensions#tabline#fnamemod = ':t'
let g:airline#extensions#capslock#enabled = 1

let g:airline_powerline_fonts = 1
if !exists('g:airline_symbols')
    let g:airline_symbols = {}
endif

"+-----------+
"| syntastic |
"+-----------+
let g:syntastic_cpp_remove_include_errors = 1                                                                                                                                                                                                                       
let g:syntastic_cpp_check_header = 0
let g:syntastic_cpp_auto_refresh_includes = 1
let g:syntastic_mode_map={"mode":"active", "active_filetypes": [], "passive_filetypes": ["c","cpp"]}

"+-----+
"| Ale |
"+-----+
let g:ale_linters = {
\   'javascript': ['eslint', 'flow-language-server']
\}
let g:ale_fixers = {
\   'javascript': ['eslint']
\}
let g:ale_completion_enabled = 1
let g:ale_statusline_format = ['X %d', '? %d', '']
let g:ale_echo_msg_format = '%linter% says %s'
let g:ale_linters_explicit = 1
set completeopt=menu,menuone,preview,noselect,noinsert
map <F7> <Plug>(ale_fix)

"+-----------+
"| ultisnips |
"+-----------+
let g:UltiSnipsExpandTrigger="<c-j>"
let g:UltiSnipsJumpForwardTrigger="<c-j>"
let g:UltiSnipsJumpBackwardTrigger="<c-k>"

"+-----+
"| ycm |
"+-----+
let g:ycm_add_preview_to_completeopt = 1
let g:ycm_autoclose_preview_window_after_completion = 0
let g:ycm_autoclose_preview_window_after_insertion = 1
"let g:loaded_youcompleteme = 1
let g:ycm_register_as_syntastic_checker = 0
let g:ycm_collect_identifiers_from_tags_files = 0
let g:ycm_auto_trigger = 1
let g:ycm_warning_symbol = 'WW'
let g:ycm_error_symbol = 'EE'

"+-------------+
"| javascript  |
"+-------------+
let g:jsx_ext_required = 0
let g:javascript_plugin_flow = 1
let g:ctrlp_regexp = 1
let g:ctrlp_extensions = ['tag']
let g:ctrlp_custom_ignore = {
  \ 'dir':  '\.git$\|\.yardoc\|node_modules\|log\|tmp$',
  \ 'file': '\.so$\|\.dat$|\.DS_Store$'
  \}
let g:ctrlp_root_markers = ['.project_root']
let g:gutentags_project_root = ['.project_root']


"+---------+
"| "colors |
"+---------+
"let g:solarized_termtrans=1
"let g:solarized_termcolors=256
set background=dark
colorscheme gruvbox
highlight Normal ctermbg=None

And finally the list of plugins I use (using Pathogen)

~/.vim/bundle/

  • ale
  • auto-pairs
  • bbye
  • ctrlp.vim
  • emmet-vim
  • nerdcommenter
  • promptline.vim
  • tagbar
  • tlib_vim
  • ultisnips
  • undotree
  • vim-addon-mw-utils
  • vim-airline
  • vim-clang-format
  • vim-cpp-enhanced-highlight
  • vim-gitgutter
  • vim-gutentags
  • vim-javascript
  • vim-jsdoc
  • vim-jsx
  • vim-react-snippets
  • vim-snippets
  • vim-toml
  • YouCompleteMe
Collapse
 
tttfifo profile image
Todor Todorov

Hi Damir,

vim forever!

Are you able to configure vim on the framebuffer?
I really recommend it - you can have bold, italic, more colors.
I will share my vim screenshot in the general discussion to see...

Collapse
 
vimmer9 profile image
Damir Franusic

Please do, thnx 👍

P.S.
Now you know why my username is vimmer 😄

Thread Thread
 
tttfifo profile image
Todor Todorov

I did not know how to make screenshot on the framebuffer, but I just succeed to make one and posted it, sorry for the delay.

Nice to meet you, vimmer :)

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
 
jacobherrington profile image
Jacob Herrington (he/him)

Hi Emma 👋,

I use Spacemacs which is basically Vim on Emacs! I use the default theme most of the time. I worked on my own theme that was easier on my eyes, but I sort of abandoned that project. It might be something I revisit soon.

Screenshot of Spacemacs!

In my terminal, I use iTerm2 with OhMyZsh and a private fork of Thoughtbot's dotfiles. It looks something like this:

Screenshot of git in my terminal!

Collapse
 
tulkdan profile image
Pedro Correa

wow, emacs + vim, gotta try it out

Collapse
 
xxzozaxx profile image
Ahmed Khaled

Spacemacs_user++;

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
 
maxpou profile image
Maxence Poutord • Edited

Ohhh great topic Emma!

This is my setup:

More details here 👇

GitHub logo maxpou / dotfiles

💻 my dotfiles (Ubuntu&MacOS)

Dotfiles

This setup is intended for:

  • 🐧 Ubuntu
  • 🐧 Unix Server (CLI/Bash only)
  • 🍎 MacOS

Special thanks to whoever I stole it from 😘

Dotfiles installation

# Ubuntu / MacOS:
git clone https://github.com/maxpou/dotfiles.git --recursive
cd dotfiles && bin/install
# Unix server:
cd dotfiles && bin/install_server

Application

VSCode

Command Line Apps

  • Zsh
  • Oh My Zsh: A framework to manage Zsh configuration
  • Hub: a wrapper for Git command (Git+Hub=GitHub)
  • thefuck: corrects the previous console command
  • lighthouse (CLI): (require NPM) Auditing, performance metrics, and best practices for Progressive Web Apps
  • vtop (require NPM)
  • curl
  • Tree

Browser - Brave (main)

Extensions list for Google Chrome (and Canary):

Collapse
 
wolfhoundjesse profile image
Jesse M. Holmes

Good evening, Emma!

Editor: VSCode
Font: Fira Code with iScript baked in for comments and whatnot
Theme: Cobalt2; previously I loved Dark Dracula for everything
Terminal: That's Fantasque Sans Mono font there
Shell: Powershell 6.1.1 with some oh-my-zsh inspiration

A screenshot of VSCode

Collapse
 
mrksoftware profile image
Mirko Bellabarba

Hi, how did you personalise powershell in that way? Thanks in advance :)

Collapse
 
wolfhoundjesse profile image
Jesse M. Holmes

I found a couple of resources, starting with oh-my-posh by Jan De Dobbeleer. The powerline fonts I believe I grabbed from nerd-fonts, and I found some warp drive functionality from PoShWarp. Stitching it all together and getting the configuration right took only a couple of hours, likely because I changed things three or four times before settling. At the time, I wasn't all in on PowerShell, and this was just to deal with my WSL frustrations that have now been solved with the Remote - WSL extension. Hope that helps!

Thread Thread
 
mrksoftware profile image
Mirko Bellabarba

Thank you, I’ll try in a few days :)

Collapse
 
vip3rousmango profile image
Al Romano • Edited

Representing for the Blue themes!

Font: Fira Code

Theme: Code Blue

Terminal: Cmder

Collapse
 
rodolphocaires profile image
Rodolpho Caires • Edited
  • VS Code
  • Fira Code
  • Material Theme Lighter (if I have a light over my head, like at my workplace) or Panda Syntax
  • OhMyZsh

Work setup:
Work setup

Home setup:
Home setup

Collapse
 
mjb2kmn profile image
MN Mark • Edited

I've given up looking for the best and am willing to accept adequate to be productive.

I find my most recent setup quite comfortable.

Gnome Terminal with Tango Dark theme and Deja Vu Sans Mono Book font.
Running Bash, tmux, and Vim.

screenshot

Collapse
 
biros profile image
Boris Jamot ✊ /

Editor: SpaceVim
Font: Monaco for Powerline
Theme: Dracula
Terminal: deepin-terminal
Shell: fish
Multiplexer: tmux

Collapse
 
keyurgolani profile image
Keyur Golani • Edited

Am working on a dotfiles at github.com/keyurgolani/dotfiles
Will add the config, plugins etc there soon.

PS: Dotfiles is not ready for consumption yet. Do not use the dotfiles yet without intention to debug through some issues while installation. It works perfect after installation though.

Preview

Collapse
 
jpivarski profile image
Jim Pivarski

I once created my own font for programming, though it was bitmapped and only worked with pre-OSX Macs. I took the Courier (monospace) 9-point font and turned all the 1-pixel dots into 4-pixel dots. Colons and semicolons, periods and commas were very distinct. It was great!

For the past 25 years or so, I've used Emacs in the terminal (with the ion3 window manager, 2 pixels of purple border), but I'm trying to modernize and use Atom on Chromebooks instead. The standard dark theme.

Collapse
 
masinick profile image
Brian Masinick • Edited

As a code developer/maintainer in the nineties I used primarily GNU Emacs with occasional leaps "Just For Fun" into the BSD implementation of vi (or vim, if available).

Once I started spending more time with LinUx software I have used a wider variety of tools and editors including GNU Emacs, Vim, Geary, nano and others.

At work (prior to my 2018 retirement) I used UltraEdit and at least one other XML friendly editor that works on Windows. I believe it was Notepad++

Collapse
 
xxzozaxx profile image
Ahmed Khaled

Hey, I really want to see pictures. Your emacs and font

Collapse
 
kungtotte profile image
Thomas Landin

System: Anarchy Linux (Arch-based)
Editor: NeoVim
Font: Hermit
Theme: Gruvbox (editor, terminal, and window manager :))
Terminal: XST (fork of Suckless' ST)
Shell: fish, stock setup with only a handful of functions and customization. 230 lines all told (including the prompt at ~90 lines, which I selected from a pre-made one). The beauty of fish is you don't need oh-my-fish or any plugin system, it's got everything already.
Dotfiles: git.sr.ht/~kungtotte/dotfiles

Screenshot of a Linux desktop with NeoVim running

Collapse
 
xxzozaxx profile image
Ahmed Khaled

looks like Luke Smith rice :D

Collapse
 
saikatsgupta profile image
Saikat • Edited

This is what I am using:
IDE: Intellij IDEA
Theme: One Dark
Font: Fira Code
Terminal: Oh-My-Zsh (powerlevel10k)

theme-image

Collapse
 
notsag profile image
Maxime Gaston

Editor: Vim (in Tilix terminal)
Font: Hack
Theme: solarized8_dark
Plugins: (Using Vundle as plugin manager)

Vim setup

Collapse
 
codemouse92 profile image
Jason C. McDonald • Edited

Editor: VSCode
Font: Hack
Theme: Sea Green Theme (shown), skGRTT
Terminal: VSCode Terminal (shown), Terminator, Guake
OS: Ubuntu MATE

I also moved the Activity bar to the right.

Collapse
 
nahuef profile image
Nahuel

Looks awesome! Will definately try it.

Collapse
 
luxcium profile image
Benjamin Vincent • Edited

Editor: VS Code
Font: Fira Code iScript (cursives italics)
Theme: Pop N' Lock by Luxcium ✨
Terminal: iTerm2
Shell: ZSH (With TMUX and Powerlevel 9K Theme)

My Setup

I have created my own VSCode colour theme PopN’Lock Theme by Luxcium ✨ and I use ZSH with highly customized powerlevel 9k theme custom JS REPL

I have updated my color theme today look at the colourfull screen shoots

look at the new screenshots

Preview of the IDE with Pop N’ Lock Theme(v3.18)

FUNCTION RETURN TYPE

Return type of functions higlighting(v3.18) Colorfull function return type highlight

VARIABLE HIGHLIGHT

red on writing side / blue on the reading side

Variable highlight(v3.18) Usefull variable highlight

Decorator support

Decorator support(v3.18) Typescript decorator support

Latest TypeScript / Javascript Grammar

Latest TypeScript

Promise functions highlight

When using Latest Typescipt Grammar

Promise functions highlight(v3.18) When using Latest Typescipt Grammar Promise dot all and promise resolve and catch highlight

Console highlight

When using Latest Typescipt Grammar

Console highlight(v3.18) When using Latest Typescipt Grammar support console.log / conso.error etc. highlight

Collapse
 
petecapecod profile image
Peter Cruckshank

Okay here's my setup for VS Code and my terminal

Editor: VS Code Insiders Build
Font: Fira Code iScript
Theme: Synthwave '84 - with the glow on 🤩😎
Terminal: Hyper with WSL || Git Bash || Powershell if necessary
Shell: Oh My Zsh in WSL

Screen shot of my VS Code Setup

My Hyper terminal view

Collapse
 
codercatdev profile image
Alex Patterson

I really love using colors to separate basically everything in my life (actually just wrote a tutorial on doing this same thing for slack).

So I use Peacock for the colors

Peacock

and Material Icon Theme for the icons

Material Icon Theme

Collapse
 
codercatdev profile image
Alex Patterson

Sorry for thread smash but here are the tutorials

Slack Customization
dev.to/ajonpllc/slack-workspace-th...

Peacock (video only need to blog)
youtu.be/VYuSbZxbBoE

Collapse
 
gochev profile image
Nayden Gochev

Very old school here,

My IntelliJ IDEA looks like Eclipse.

IDEA

And my VSCode looks like Eclipse

VSCode

Collapse
 
tttfifo profile image
Todor Todorov

It may be not so pretty, but definitely ergonomic.

Editor: vim
Font: Input Mono, customized
Theme: gruvbox, customized
Terminal: Linux framebuffer
Shell: tmux terminal multiplexer


Collapse
 
geosoft1 profile image
George Calianu • Edited

As Go developer I frequently use LiteIDE (unpopular opinion 🤔) in a custom installation with Gopei shell project. The theme is a dark one modified by me and inspired by Webstorm.

Collapse
 
abdurrkhalid333 profile image
Abdur Rehman Khalid • Edited

Being a Developer it is very common to have a dark theme but for me in Visual studio Code the Matter is Different But in IntelliJ IDEA it is same as usual so her is the Detail of My Development Environments as well.

Editor: Visual Studio Code
Theme: Shades of Purple
Creator: Ahmad Awais
Visual Studio Code Theme

Editor: Intellij IDEA 2019
Theme: Dracula
Creator: IntelliJ IDEA (Default Dark Theme)
IntelliJ IDEA Theme

Collapse
 
fultonbrowne profile image
Fulton Browne

I really just like the intellij dark mode.

Collapse
 
jcadima profile image
Juan J Cadima

Me too. Its perfect for the eyes, not too dark, not too light

Collapse
 
techanddragons profile image
Callum Smith • Edited

My VSCODE Setup

  • Colour Theme: Horizon Dark (italic)
  • Icon Theme: Monoka Pro Icons
  • Editor Font: Fira Code iScript
  • Terminal: just some simple bash

Image of my setup

Collapse
 
dikvega profile image
Richard Carter

Ok, let me try this again.
WHen using Fira Code, how do I get rid of these little dots everywhere there's whitespace?

Funky fira code dots

Collapse
 
aromig profile image
Adam Romig 🇵🇭

On my personal Linux laptop:

VSCode Editor Screenshot

Editor: VSCode
Font: Victor Mono
Theme: azure

Konsole Screenshot

Terminal: Konsole
Shell: fish

On my work Mac, it's the same editor/theme/font. I use iTerm2 for the terminal and fish for the shell as well.

Collapse
 
defman profile image
Sergey Kislyakov

Victor Mono looks cool. Reminds me of Operator/Dank Mono in terms of italics, except it doesn't cost anything and has a wide language support. Thanks for sharing it!

Collapse
 
dwilmer profile image
Daan Wilmer

Editor: PhpStorm (VSCode is great but paying for PhpStorm is worth every cent)
Theme: Darcula
Font: DejaVu Sans Mono
Terminal: gnome-terminal
Shell: bash

It's basically default, haven't found anything wrong with it yet. Might start playing around with settings some time.

Collapse
 
andreasjakof profile image
Andreas Jakof

Editor: depends on what I am doing...
Programming: Visual Studio
TextEditing: Notepad++ or VS Code

Font: I looked it up once, but I can‘t remember. The default.

Theme: Default... I like the colored theme of Visual Studio. I experimented with the light and the dark theme, but always went back to the default.

Shell: mostly the one opening, when debugging .NET Core. More and more Powershell (ISE), because I am usually managing Azure and Exchange Online.

No Pics, because I am writing this on my phone in the train on my way home.

Collapse
 
barelyhuman profile image
Reaper • Edited

Editor: VS Code
Font: Ubuntu Mono Liga
Theme: Material Theme Darker
The full config: vscode.json

Collapse
 
tomfern profile image
Tomas Fernandez

Editor: Vim
Terminal: Konsole
Shell: Zsh
Desktop: KDE Plasma

Nice and clean:

Vim

I use a ton of plugins, a lot of them for writing:

Collapse
 
antonmelnyk profile image
Anton Melnyk

Screenshot

Editor: VS Code
Editor Theme: Pop N' Lock
Editor Font: Hasklig

Shell: Fish
Terminal: Hyper
Terminal Font: Monaco

Collapse
 
luxcium profile image
Benjamin Vincent

Ho this is the first time I see my VS Code theme installed somewhere (after 15K downloads and 5K installs I finally got to see how it looks like on someone else machine) you can use Fira Code iScript if you want to have cursives instead of italics... please feel free to open a git hub issue for any request you have regarding the syntax of your favourite programming language!!!

Collapse
 
luxcium profile image
Benjamin Vincent • Edited

Pop N' Lock Theme by Luxcium ✨

I have updated my color theme today look at the colourfull screen shoots ...

FUNCTION RETURN TYPE

Return type of functions higlighting(v3.18) Colorfull function return type highlight

VARIABLE HIGHLIGHT

red on writing side / blue on the reading side

Variable highlight(v3.18) Usefull variable highlight

Decorator support

Decorator support(v3.18) Typescript decorator support

Latest TypeScript / Javascript Grammar

Latest TypeScript

Promise functions highlight

When using Latest Typescipt Grammar

Promise functions highlight(v3.18) When using Latest Typescipt Grammar Promise dot all and promise resolve and catch highlight

Console highlight

When using Latest Typescipt Grammar

Console highlight(v3.18) When using Latest Typescipt Grammar support console.log / conso.error etc. highlight

Collapse
 
ihorvorotnov profile image
Ihor Vorotnov • Edited

Editor: PhpStorm
Font: Fira Code (including PhpStorm's UI)
Theme: custom, based on base16 colors
Terminal: iTerm
Terminal Theme: custom, based on base16 colors
Shell: zsh + oh-my-zsh
Prompt: custom, based on Spaceship

PhpStorm
PhpStorm with panel
iTerm

Collapse
 
lepinekong profile image
lepinekong

I'm creating my own inside VSCode: a Visual Structured Code Editor (at the moment a proof of concept) ;)

Visual Structured Editor POC1

Visual Structured Editor POC2

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
 
chiangs profile image
Stephen Chiang

I use dank mono as well but seriously, for that kind of money, you think it would have the ligatures for >= & <= by now.

Collapse
 
jinfoo profile image
Jin Foo

Give Victor Mono a go if you haven't yet:
rubjo.github.io/victor-mono/

Collapse
 
chiangs profile image
Stephen Chiang

Looks really interesting! Will give it a try today, thanks.

Collapse
 
bmstschneider profile image
bm-stschneider • Edited

Editor: VSCode
Because I use marketplace.visualstudio.com/items...
Primary Font: 'FuraCode Nerd Font'
Secondary Font: 'Script12 BT'
Theme: Cobalt2 (wesbos)
Terminal: zsh with omgzsh

Small tip for fonts with ligatures and icons
nerdfonts.com/

VSCode

Collapse
 
ctrlsquid profile image
zach

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

Collapse
 
arberbr profile image
Arber Braja

I see a good candidate for top thread of the week here and my comment will be top comment also :p

I'm currently using VS Code too. Theme is Dracula, im using Fira Code font and Material Icons too.

For PHP, yeah i work on both sides of the bridge PHP and JS (mostly JS lately), i use most of the time Sublime Text 3.

Another IDE i love is WebStorm, Dracula and Fira Code there also.

Collapse
 
bunda3d profile image
Vom Com

I think I use Dracula too. And I think I use the fira mono too (is that the Mozilla font?) I'm away from my workstation, which is why I'm unsure.

But I have a question on vs code. I have lot of extensions installed that are supposed to help with linting and code suggestions. I know for a fact that they can work against each other and be useless, or several give you same or conflicting errors at once.

The reason I haven't fully simplified to one extension for each service is because sometimes I work in different frameworks or languages. In angular, you want typescript linting, in vanilla js/CSS/HTML, just emit and maybe eslint and prettier...

I feel like it's difficult to turn several extensions on,off depending on application. Is that why *workspaces" exist, or is there a way to turn on your *angular settings" and then later turn on your "vanilla HTML CSS js settings" etc?

Collapse
 
dillonheadley profile image
Dillon Headley

IDE: Sublime Text
Font: Fira Code
Theme: Sublime Adaptive / Mariana color scheme

ide

Terminal: iTerm - just got some nice updates!!
Shell: fish
Font: mononoki - love it but no lig's
Theme: Solarized dark

terminal

Bonus:
I also can't live without clip menu and spectacle

Collapse
 
danderson profile image
Dale Anderson

VS used to be awesome. Now it's a bloated pile of junk, like so many Microsoft products go.

WebStorm is amazing. Worth every cent. Ultrawide monitor, everything fits lovely, everything is at your fingertips.

Collapse
 
christhekeele profile image
Christopher Keele • Edited

Fonts: Fira Code

Program Editor: VS Code (customizations)
Theme: Predawn Twilight

Script Editor: VIM with minimal customizations
Syntax Highlighting: twilight256 theme using ANSI colors below

Terminal: iTerm
Shell: fish
Prompt: my own with git index hints (demo)
ANSI Colors: Custom, based on Twilight, with more popping cyan/magenta and pastel brights

All together:

VS Code, VIM, and ANSI Colors

Collapse
 
glennmen profile image
Glenn Carremans

Editor: PHPStorm & Android Studio
Font: Fira Code
Theme: Dracula
Terminal: iTerm2
Shell: Zsh + Oh My Zsh

PHPStorm

Collapse
 
joluga profile image
joluga

Material Theme in PhpStorm, Night Owl in VS Code, Cmder, Fira Code font and Source Code in Notepad++. That's mostly what I use to code.
My Screen

Collapse
 
weeb profile image
Patrik Kiss

I'm using Sublime Text 3. with default font, and using the built-in dark theme of Sublime. I don't need any other one, I'm completely satisfied with it :)

And this is the layout I'm using right now:
Basically this is a 2 column layout. The left one is a full screen. There I opened any kind of inc/main/ajax files.

The column on the right is split into 2 rows. The top one is where all the class files are opened, and the bottom one contains all the JS and CSS files.

sublime

Collapse
 
ghost profile image
Ghost

Editor: Neovim con plugins (rainbow_parentheses, lightline, nerdtree, riv and vim-mundo)
Font: Ubuntu Mono
Theme: Gruvbox
Terminal: XFCE4-terminal (tests them all, the only one for me)
Shell: bash (tried zsh and fish but I found the to be kinda slow)

Mostly to web dev (frontend avoiding JS as much as possible and Python and lately Rust for the back), microcontrollers (C) and Markdown or Restructured for documents (ditched word processors and presentation SW years ago, lucky me :) ).

Collapse
 
71xn profile image
Finn

Editor: VS Code Insiders
Font: MesloLGS NF
Theme: Hackthebox
Terminal: Gnome terminal w/ tmux
Shell: ZSH with Powerlevel 10k and OhMyZsh
Epic

Collapse
 
onecastell profile image
Franklin Castellanos

Editor: VSCode
Font: Fira Code
Theme: Synthwave84 by @robb0wen
Terminal: zsh

VScode Screenshot

Collapse
 
tuantvk profile image
tuantvk • Edited

Editor: Vscode
Font: IBM Plex Mono
Theme: One Dark Pro Vivid
Shell: Gun
Vscode

Collapse
 
saaage profile image
Stefan Age • Edited
  • editor: vim
  • font: Dank Mono
  • theme: kphoen
  • terminal: iterm2/OhMyZsh
Collapse
 
taverasmisael profile image
Misael Taveras

Pink Cat Boo seems like a baby Dracula

Collapse
 
ranelpadon profile image
ranelpadon

My iTerm2 setup: neofetch for Mac sysinfo + Oh My Zsh framework + Powerlevel10 theme + Meslo Nerd font. :)

OMZ

Collapse
 
metruzanca profile image
Samuele Zanca • Edited

My text glows btw

Editor: vscode
Font: Fira Code
Theme: Synthwave 84

My theme

Collapse
 
hugoliconv profile image
Hugo
  • Theme: Noctis Uva
  • Font: Fira Code

IDE

Collapse
 
karn18 profile image
Karn Tirasoontorn

Editor: VS Code
Font: Fira Code + Mali
Theme: LaserWave Italic
Shell: OhMyZsh

vscode

Collapse
 
mohamedbenoba profile image
Mohamed_Benoba

I am Using Notepad++, but if I have a strong computer I think I will use VSCODE

Collapse
 
brightone profile image
Oleksii Filonenko

Editor: Doom Emacs
Font: DejaVu Sans Mono (+ ligatures from Fira Code)
Theme: Peacock
Terminal: alacritty
Shell: zsh

Collapse
 
xxzozaxx profile image
Ahmed Khaled

How did you add fira glyph to another font ?

Collapse
 
danjconn profile image
Dan Conn

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

Collapse
 
skydevht profile image
Holy-Elie Scaïde

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

screenshot

Collapse
 
lardissone profile image
Leandro Ardissone
  • Editor: VS Code
  • Font: Fira Code
  • Theme: Pop N' Lock by Luxcium
  • Shell: Fish

screenshot

Collapse
 
gypsydave5 profile image
David Wickes • Edited

I have FINALLY gotten my code editor to be my ideal setup.

How long did it take?

And... how long do you think it'll be before you change your mind? 🤣

Collapse
 
michi profile image
Michael Z • Edited

  • vs code
  • fira code font

  • sidebar on the right

  • minimap disabled

  • increased line height ❤️

Collapse
 
andyc profile image
Andy Cormack

Hah! My setup is almost identical, I'm using Fira Code, haven't seen Dank Mono before.

Collapse
 
uncledev profile image
Fernando dos Santos

Editor: VS Code
Font: Fira Code
Theme: Dracula
Terminal: In Ubuntu - OhMyZsh, In Windows - Cmder

Collapse
 
rush profile image
Aarush Bhat

Guake drop down terminal forever!

Collapse
 
vishnuharidas profile image
Vishnu Haridas

Editor: IntelliJ IDEA (or Android Studio)
Font: Fira Mono
Theme: Dracula (with bigger font size)

Collapse
 
shytikov profile image
Oleksii Shytikov

Followed your lead and have found VERY annoying bug in Night Owl. Wonder, how you found your way around it: github.com/sdras/night-owl-vscode-...

Collapse
 
felipesousa profile image
Felipe Sousa

Editor: Neovim
Font: Hack
Theme: Ayu Dark
Terminal: Iterm2
Shell: ZSH

Collapse
 
rbanffy profile image
Ricardo Bánffy • Edited

Editor: Emacs
Font: 3270 (github.com/rbanffy/3270font)
Theme: Misterioso
Shell: zsh

Collapse
 
rodrigojuarez profile image
Rodrigo Juarez

I didn't see any light theme :D

Collapse
 
mainangethe profile image
Ng'ethe Maina • Edited

Editor: VS Code
Terminal: Terminator
Theme (All): Night Owl
Not sure about fonts - Using defaults.

thepracticaldev.s3.amazonaws.com/i...

Collapse
 
avxkim profile image
Alexander Kim • Edited

I find myself that WebStorm is smoother and prettier than VSC. I'm using Material theme

Collapse
 
tammalee profile image
Tammy Lee

I was too cheap for spring for Dank Mono (sooon) so I went with this setup!

Collapse
 
beggars profile image
Dwayne Charrington

Editor: VSCode
Font: Fira Code
Theme: Monokai Pro (paid)
Terminal: PowerShell (on Windows) and iTerm + OhMyZsh (on macOS)

Collapse
 
nexus_software_systems profile image
Nexus Software Systems • Edited

Font: Source Code Pro
QT Creator on Linux && Visual Studio on Windows👍

QT Creator on Linux && Visual Studio on Windows

Collapse
 
johnnweke profile image
John Nweke

Here's an article on VS Code set up for Newbie Coders here - and it features my VSCode set up and screenshots too:
dev.to/johnnweke/visual-studio-cod...

Collapse
 
dipesh profile image
Dipesh Sharma • Edited

Editor : VS code 😍
Fonts. : Firacode
Theme : ❤️ Synthwave '84 (please try once that is glowing theme. That is my best personal choice theme. Try once.)
Terminal : zsh

Collapse
 
untungso profile image
Untung So Andryanto • Edited

Using VSCodium with FiraCode font with ligature colored by Panda Syntax

alt text

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
 
tanuj101 profile image
Tanuj Nagpal • Edited

Editor:VScode
Theme:Dracula
Terminal:st
Shell:fish

Collapse
 
sturdy_dev profile image
Carson Sturtevant

I use VS Code with Night Owl theme! I'm super picky on colors and fonts and its one of the only ones I actually like.

Collapse
 
elisealcala profile image
Elizabeth Alcalá • Edited

Editor: VS Code
Theme: BluLoco Light Italic
Font: Dank Mono
Zh theme: ys

Setup

Collapse
 
weirdmayo profile image
Daniel Mayovsky • Edited

Editor: Vim
Font: Ubuntu Monospace (i think)
Theme: Monokai
Therminal: urxvt
Shell: bash
Window Manager: i3-wm
screenshot

Collapse
 
princebillygk profile image
Prince Billy Graham Karmoker • Edited

Editor: vscode
Theme: Hyperter (full pure black)
Font: Fira mono
Extensions: Vim, Todo Tree, Color Highlight, Bracket Pair Colorizer, Comment V, Box Comment

Collapse
 
reach009 profile image
Reach Allen

Thanks for sharing. Honestly, I like your pick of tools.

Collapse
 
mtascrane profile image
Andrew

Pretty simple setup for me. I use the Electron theme and Verdana font.

Collapse
 
athulcajay profile image
Athul Cyriac
  • VsCode
  • DeepDark Material Theme
  • Fira Code
  • Oh-My-Zsh
Collapse
 
tohodo profile image
Tommy

Notepad++
Solarized Dark
Custom bitmap font based on vt100
Console2

Collapse
 
pavlosisaris profile image
Paul Isaris

I use Intellij IDE Ultimate edition, with default Darcula font and font family ;)

Collapse
 
silas229 profile image
Silas Meyer

I wrote a while blog post about it (only German🇩🇪): silas229.de/dev/atom-plugins/

Collapse
 
gene profile image
Gene

Anyone heard of Synthwave?

Collapse
 
arandilopez profile image
Arandi López

Editor: Gvim
Theme: One Dark
Font: Fira Mono
Shell: Zsh with custom theme

Collapse
 
jpreis profile image
Johannes Preis • Edited

Editor: VS Code (or IntelliJ)
Font: Pragmata Pro
Theme: Dracula
Terminal: iTerm 2
Shell: zsh + oh-my-zsh

Collapse
 
dikvega profile image
Richard Carter

Thank you soooo much. I've been looking at those dots for almost a year and haven't found anyone who could tell me how to get rid of them.

Collapse
 
ironmatt613 profile image
ironmatt613

Editor: VScode
Font: Courier
Theme: Night owl

I like that dank mono font though :-)

Collapse
 
javierg profile image
Javier Guerra

Font: Mono
Scheme: Slate
Editor: Terminal VI (I hate how antialias work on OSX)
Terminal: Bash

Collapse
 
danieljbailey profile image
Daniel Bailey

Dracula soft theme
FiraCode IScript, Monaco font

my set up

Collapse
 
timbog80 profile image
Tim Bogdanov • Edited

Sublime Text (technically not an IDE but hey..)
thepracticaldev.s3.amazonaws.com/i...

Collapse
 
joluga profile image
joluga

Material Theme in PhpStorm, Night Owl in VS Code, Cmder, Fira Code font and Source Code in Notepad++. That's mostly what I use to code.