My setup
Tags: webdev, beginners, vscode, workstations
Published: 2020-02-08 15:34:45

Most developers often spend time on their setup, and I am no exception, by no means. I like to organize my computer and my tools to make the most of my everyday tasks. These devices, tools, and software help me achieve that.

_Bolded items are my favourites._

_Inspired by [Harry Robertson's setup](https://csswizardry.com/uses/) and [Wes Bos's setup](https://wesbos.com/uses/). My setup is also featured on [/uses](http://uses.tech/) site._

![Workstation in my office.](https://dev-to-uploads.s3.amazonaws.com/i/9dns7q3ynvjaxkudtj1s.jpg)

## Hardware

- [**MacBook Pro 15" 2017**](https://support.apple.com/kb/SP756?locale=en_US)
  - 2,9GHz Intel Core i7
  - 16GB 2133MHz LPDDR3
  - 512GB SSD
  - Magic Trackpad 2
  - Magic Mouse 2
  - Magic keyboard
  - [**Logitech M570 Wireless Trackball**](https://www.logitech.com/en-us/product/wireless-trackball-m570)
- 2 x [Dell S2716DG 27''](https://www.dell.com/en-us/shop/dell-27-gaming-monitor-s2716dg/apd/210-agjr/monitors-monitor-accessories)
- [Arctic Z2 Pro](https://www.arctic.ac/eu_en/z-2-pro.html)
- [Snowball microphone](https://www.bluedesigns.com/products/snowball/)
- [Bose Companion® 2 Series III](https://www.bose.co.uk/en_gb/products/speakers/stereo_speakers/companion-2-series-iii-multimedia-speaker-system.html)
- [JBL T450 On-ear headphones](https://www.jbl.com/JBL+T450.html)
- [JBL Go 2](https://www.jbl.com/bluetooth-speakers/JBL+GO+2.html)
- [Logitech C922 Pro Stream Webcam](https://www.logitech.com/en-us/product/c922-pro-stream-webcaml)
- [Desire2 Portable Riser Stand](https://desire2.co.uk/product/WTT-AS02SI)
- [MOFT Laptop Stand](https://www.moft.us/products/moft-stand-adhesive)
- [Steelcase Reply Office Chair](https://www.steelcase.com/products/office-chairs/reply/)
- [Standing Desk Expander](https://webshop.schachermayer.com/cat/hr-HR/product/podizno-postolje-stola-expander-elektricno-podesavanje-vis-680-1180mm-ral9006/103327003)

## Software

- [Brave](https://brave.com/)
- [Choosy](https://www.choosyosx.com/)
- [CleanMyMac 3](https://macpaw.com/cleanmymac)
- [coconutBattery 3](https://www.coconut-flavour.com/coconutbattery/)
- [**Chrome**](https://www.google.com/chrome/)
- [Deezer](https://deezer.com/)
- [f.lux](https://justgetflux.com/)
- [FileZilla](https://filezilla-project.org/)
- [Figma](https://www.figma.com/)
- [Firefox](https://www.mozilla.org/en-US/)
- [GIPHY Capture](https://giphy.com/apps/giphycapture)
- [Gifsky](https://gif.ski/)
- [GIMP](https://www.gimp.org/)
- [**Grammarly**](https://www.grammarly.com/)
- [ImageOptim](https://imageoptim.com/mac)
- [Inkscape](https://inkscape.org/en/)
- [Insomnia](https://insomnia.rest/)
- [InVision](https://invisionapp.com/)
- [**iTerm2**](https://www.iterm2.com/index.html)
  - [fish](https://fishshell.com/)
  - [zsh](https://ohmyz.sh/)
  - [git-flow](https://github.com/nvie/gitflow)
- [Itsycal](https://www.mowglii.com/itsycal/)
- [LICEcap](https://www.cockos.com/licecap/)
- [LightShot](https://app.prntscr.com/en/index.html)
- [**Local By Flywheel/Local “Lightning”**](https://local.getflywheel.com/)
- [Krisp](https://krisp.ai/)
- [Loom](https://www.loom.com/my-videos)
- [**Maccy**](https://maccy.app/)
- [Muzzle](https://muzzleapp.com/)
- [NightOwl](https://nightowl.kramser.xyz/)
- [OpenInTerminal](https://github.com/Ji4n1ng/OpenInTerminal)
- [Photoshop](https://www.adobe.com/products/photoshop.html)
- [**Pock**](https://pock.dev/)
- [Pomy](https://vanejung.com/pomy/)
- [Postman](https://www.postman.com/)
- [SequelPro](https://www.sequelpro.com/)
- [Sizzy](https://sizzy.co/)
- [**Sketch**](https://www.sketchapp.com/)
- [Skype](https://www.skype.com/en/)
- [**Slack**](https://slack.com/)
- [**Spectacle**](https://www.spectacleapp.com/)
- [**Station**](https://apps.getstation.com/)
- [There](https://there.pm/)
- [Trello](https://trello.com/)
- [**Visual Studio Code**](https://code.visualstudio.com/)
- [Zeplin](https://zeplin.io/)
- [**Zoom**](https://zoom.us/)

## Visual Studio Code Extensions

- [:emojisense:](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense)
- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
- [**Babel JavaScript**](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)
- [**Beautify**](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
- [Better TOML](https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml)
- [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
- [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)
- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
- [Color Picker](https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color)
- [**Cyberpunk+ theme**](https://marketplace.visualstudio.com/items?itemName=jbelford.cyberpunk-plus)
- [Date & Time](https://marketplace.visualstudio.com/items?itemName=rid9.datetime)
- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
- [GistPad](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.gistfs)
- [Git Merger](https://marketplace.visualstudio.com/items?itemName=shaharkazaz.git-merger)
- [**GitLens**](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
- [Go](https://marketplace.visualstudio.com/items?itemName=ms-vscode.Go)
- [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)
- [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)
- [**Import Cost**](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
- [Indenticator](https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator)
- [Liquid Languages Support](https://marketplace.visualstudio.com/items?itemName=neilding.language-liquid)
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
- [Markdown Preview Github Styling](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-preview-github-styles)
- [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)
- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
- [Nunjucks](https://marketplace.visualstudio.com/items?itemName=ronnidc.nunjucks)
- [PHP Server](https://marketplace.visualstudio.com/items?itemName=brapifra.phpserver)
- [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)
- [Prettify JSON](https://marketplace.visualstudio.com/items?itemName=mohsen1.prettify-json)
- [**Project Manager**](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)
- [Ruby](https://marketplace.visualstudio.com/items?itemName=rebornix.Ruby)
- [Ruby Solargraph](https://marketplace.visualstudio.com/items?itemName=castwide.solargraph)
- [Sass](https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented)
- [scss-lint](https://marketplace.visualstudio.com/items?itemName=adamwalzer.scss-lint)
- [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
- [SFTP](https://marketplace.visualstudio.com/items?itemName=liximomo.sftp)
- [stylefmt](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-stylefmt)
- [stylelint](https://marketplace.visualstudio.com/items?itemName=Daosro.stylelint)
- [SVG](https://marketplace.visualstudio.com/items?itemName=jock.svg)
- [SVG Viewer](https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer)
- [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)
- [VSCode Ruby](https://marketplace.visualstudio.com/items?itemName=wingrunr21.vscode-ruby)
- [**WakaTime**](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)
- [WordPress Snippets](https://marketplace.visualstudio.com/items?itemName=wordpresstoolbox.wordpress-toolbox)

## Browser Extensions

- [Accessibility Insights for Web](https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni)
- [**Always Clear Downloads 2**](https://chrome.google.com/webstore/detail/always-clear-downloads-2/jcajchndfkmnaefkhoaoiagemplbfffn)
- [Block Yourself from Analytics](https://chrome.google.com/webstore/detail/block-yourself-from-analy/fadgflmigmogfionelcpalhohefbnehm)
- [Buffer](https://chrome.google.com/webstore/detail/buffer/noojglkidnpfjbincgijbaiedldjfbhh)
- [CodoPen](https://chrome.google.com/webstore/detail/codopen/agnkphdgffianchpipdbkeaclfbobaak)
- [**Code Line Daily** ♥️](https://chrome.google.com/webstore/detail/code-line-daily/jfgojeolhopchbgfdgodicnaimmkbpbg)
- [CSS Feature Toggles](https://chrome.google.com/webstore/detail/css-feature-toggles/aeinmfddnniiloadoappmdnffcbffnjg)
- [Fonts Ninja](https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh)
- [**Go Fucking Work**](https://chrome.google.com/webstore/detail/go-fucking-work/hibmkkpfegfiinilnlabbfnjcopdiiig)
- [**Grammary for Chrome**](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen)
- [Inspect Canonical](https://chrome.google.com/webstore/detail/inspect-canonical/glkngfenfpegejlggjfcmdobodjlfann)
- [Loom](https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb)
- [Meetingbird](https://chrome.google.com/webstore/detail/meetingbird-calendar-and/joheckceackgilmpkgcihjfgggbnejcg)
- [Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)
- [svg-grabber](https://chrome.google.com/webstore/detail/svg-grabber-get-all-the-s/ndakggdliegnegeclmfgodmgemdokdmg)
- [VisBug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc)
- [**WakaTime**](https://chrome.google.com/webstore/detail/wakatime/jnbbnacmeggbgdjgaoojpmhdlkkpblgi)
- [**Wappalyzer**](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)
- [**Workona**](https://chrome.google.com/webstore/detail/workona/ailcmbgekjpnablpdkmaaccecekgdhlh)