Blog

Development Setup

20 Dec 2019 | 2 minutes read

Tags: setup

  • Laptop: MacBook Pro
  • Keyboard: DasKeyboard 4 Ultimate
  • Mouse: Delux Vertical Ergonomic Mouse changed my life. No more wrist pain
  • Webcam: Fujifilm X-T3
  • Lens: Fujifilm 23mm
  • Tripod: Joby GorillaPod 3K
  • Alfred. ⌘ + ⎵
  • Fujifilm Webcam
  • iTerm 2
  • Microsoft Edge for when Opera GX fails me
  • Monitor Control because we can’t control brightness on secondary monitors?
  • Notion—It’s a cult
  • Opera GX for gaming/dev-friendly features like CPU and RAM limiting and MyFlow
  • PDFsam for merging PDFs
  • Rectangle. Need window snapping.
  • Scroll Reverser because natural scrolling is not natural to me
  • VS Code. Yes.
  • RIP Pesticide. Outliner CSS is my best friend now

Nice to have extensions:

  • Bracket Pair Colorizer 2. Colours.
  • Code Spell Checker. The number of typos is too high.
  • Dracula Official. Dracula Soft please
  • Formatting Toggle. Much needed.
  • Better Comments. More fancy highlighting
  • GitLens. To find out who wrote that code
  • indent-rainbow. More colours!
  • iTerm 2 Theme Sync—must have same theme everywhere
  • Peacock for when you have many VS Code windows open at once
  • Prettier. Yes.
  • Markdown All in One lets you use shortcuts and does fancy autocompleting
  • markdownlint tells you what’s wrong with your markdown (a lot)
  • Tabnine Autocomplete AI for autocompletion goodness

Custom pastel/rainbow settings for your settings.json file:

{
    "bracket-pair-colorizer-2.colors": [
        "Plum",
        "#E9B4AE",
        "#9AE3A1",
        "PowderBlue",
        "LightPink",
        "LightSkyBlue"
    ],
    "indentRainbow.colors": [
        "rgba(255, 128, 0, 0.15)",
        "rgba(255, 255,0, 0.15)",
        "rgba(0, 255, 0, 0.15)",
        "rgba(0, 255, 255, 0.15)",
        "rgba(0, 0, 255, 0.15)",
        "rgba(127, 0, 255, 0.15)",
        "rgba(255,0,255,0.15)"
    ],
    "peacock.favoriteColors": [
        {
        "name": "Pastel Red",
        "value": "#ffb3ba"
        },
        {
        "name": "Pastel Orange",
        "value": "#ffdfba"
        },
        {
        "name": "Pastel Yellow",
        "value": "#ffffba"
        },
        {
        "name": "Pastel Green",
        "value": "#baffc9"
        },
        {
        "name": "Pastel Blue",
        "value": "#bae1ff"
        }
    ],
}