README.md

Frontend Mac Setup 🖥

This document describes how I set up my development environment on a new MacBook.

Finder Preferences

• General > New Finder windows show > Downloads folder
• Sidebar > Show these items in the sidebar > Airdrop, Applications, Downloads & home directory
• Advanced > Show all filename extensions
• Advanced > Keep folders on top > In windows when sorting by name
• Show View Options > Group By: Name & Sort By: Name

See screenshots in the settings folder for more configurations.

Dotfiles

• ~/.zshrc
• ~/.gitconfig
• ~/.gitignore (ignore OS/IDE-specific files globally)

SSH Keys

First generate a new SSH key and add it to the ssh-agent, and then add it to your GitHub account.

Browsers

• Chrome Dev
• Firefox Developer Edition
• Safari Technology Preview

Dev Tools

• iTerm2
• Homebrew (which also installs the Command Line Tools and Git)
• nvm
• Visual Studio Code
• Sublime Text
• Sublime Merge
• Haskell for Mac
• Charles Proxy
• RapidAPI

Productivity Tools

• iA Writer
• Raycast
• Freedom
• Dato
• Magnet or Rectangle
• PDF Combo to combine and Lightweight PDF to compress PDFs
• Xnip or Shottr

Brew packages

brew install pure zsh-syntax-highlighting diff-so-fancy bat macos-trash

• pure
• zsh-syntax-highlighting
• diff-so-fancy
• bat
• macos-trash

Configuring iTerm

• pure
• zsh-syntax-highlighting
• iterm2-snazzy and select colour preset from Settings > Profiles > Colors
• zsh-nvm-auto-switch

IDE/Terminal themes, colour schemes and font families

• Gloom
• Atom One Light
• Fira Code

Other

• Create workspace directory: mkdir ~/workspace
• Browser cache: Settings > Preferences > Network > Disable cache (while DevTools is open)