Minified: Setup your Mac for development, 2020 edition.

Updated 3/27/2020: Removed create-react-app global install as it is now recommended to use npx.
Updated 7/21/2020: Fixed typos.

A minified version of my first Dev.to post. If you need a more detailed walkthrough I suggest reading it first!

• Initial setup:
  • Filevault: On
  • Disable Ask Siri
  • Location Services: On (Limited)
  • Check software updates
  • Photos app > disable iCloud sync
  • Messages app > configure iMessage accounts
  • App Store > install previously installed applications
• Terminal Finder Commands:
  • Show Library Folder > chflags nohidden ~/Library
  • Show hidden files > defaults write com.apple.finder AppleShowAllFiles YES
  • Show path bar > defaults write com.apple.finder ShowPathbar -bool true
  • Show status bar > defaults write com.apple.finder ShowStatusBar -bool true
• System Preferences:
  • Keyboard > Text > Disable “Correct spelling automatically”
  • Security and Privacy > Firewall > On
  • Security and Privacy > General > Allow App Store and identified developers
• Alfred:
  • Install here
  • Purchase Powerpack or activate license on install
  • Install Alfred Theme Minimal 2019 · GitHub
• Command Line Tools, Homebrew & Casks:
  • Install Command Line Tools xcode-select --install
  • Install Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
  • Install Node and pin brew install node && brew pin node
  • Install Casks:

brew cask install hyper
brew cask install visual-studio-code
brew cask install google-chrome

• Hyper, zsh & oh-my-zsh:
  • Open Hyper
  • Check if zsh is installed zsh --version
  • If not, install brew install zsh
  • Change shells chsh -s /bin/zsh
  • Check shell change echo $SHELL
  • Install oh-my-zsh: sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"
  • Setup Homebrew alias: nano ~/.zshrc
    • Add alias: alias brewup=‘brew update; brew upgrade; brew cleanup; brew doctor’
    • Add zshconfig alias: alias zshconfig=“code ~/.zshrc”
    • Save file: CTRL + O
    • Exit: CTRL + X
• Git and SSH
  • Config Git:
    • git config --global user.name “First Last” (keep the quotes)
    • git config --global user.email “Email” (keep the quotes)
    • git config --get user.name
    • git config --get user.email
  • Git alias setup:
    • Add below code to code ~/.gitconfig
    • Replace name and email

[user]
name = First Last
email = student@example.com
[alias]
a = add
ca = commit -a
cam = commit -am
s = status
pom = push origin master
pog = push origin gh-pages
puom = pull origin master
puog = pull origin gh-pages
cob = checkout -b
[color]
ui = auto

• SSH:
  • Check if one exists: ls ~/.ssh/id_rsa
  • Generate key and replace email: ssh-keygen -t rsa -b 4096 -C “student@example.com”
  • Add key: ssh-add ~/.ssh/id_rsa
  • Go to github.com and add new key to profile in Settings
• VS Code:
  • Open Command Palette and add shell command: shell command: Install ‘code’ command in PATH’
  • Install JavaScript support from Welcome screen
  • Install Atom keyboard shortcuts from Welcome screen
  • Install extensions:
    • npm Intellisense
    • Path Intellisense
    • ESLint
    • Prettier - Code formatter
    • Live Share
    • Bookmarks
    • Auto Close Tag
    • Bracket Pair Colorizer 2
    • DotENV
    • GraphQL
    • indent-rainbow
    • Live Server
    • Debugger for Chrome (if using Chrome)
    • Peacock
    • Color highlight
    • Markdown Preview Enhanced
    • Babel JavaScript
    • Git History
    • Simple React Snippets
  • Install themes:
    • Atom One Dark
    • Atom One Light
    • Github theme
    • Material theme pack
    • Icon pack:
      • Material icon
  • Optional:
    • Zeit theme: curl https://zeit-theme.now.sh | tar xvz -C ~/.vscode/extensions
    • JetBrains Mono font family change:
      • Install the font here
      • Open Font Book > Hit + > Locate the font folder in Downloads
      • Hyper setup:
        • code ~/.hyper.js
        • Change fontFamily to JetBrains Mono
        • Change fontSize to 16
      • VS Code setup:
        • Open Command Palette
        • Search ‘user settings’ (JSON)
        • Font Family JetBrains Mono
    • Google Chrome dev tools theme:
      • Tania Rascia: New Moon Dev Tools Theme
• n-install, npm, & Yarn
  • Install n: brew install n
  • Make cache folder and change permissions:
    • sudo mkdir -p /usr/local/n
    • sudo chown -R $(whoami) /usr/local/n
    • sudo chown -R $(whoami) /usr/local/bin /usr/local/lib /usr/local/include /usr/local/share
  • Install Yarn: brew install Yarn
• mySQL, MongoDB, & note on other Databases
  • Tap services: brew tap homebrew/services
  • Install mySQL: brew install mysql@5.7
  • Tap MongoDB: brew tap mongodb/brew
  • Install MongoDB: brew install mongodb-community@4.2
• CLI’s:
  • npm install -g now
  • npm install -g netlify-cli
  • npm install -g surge
  • npm install -g gatsby-cli
  • npm install -g vue-cli
  • brew install hub (Github official CLI in beta)
• Additional Apps:
  • Notion
  • Slack
  • Firefox Developer Edition
  • Spectrum
  • Numi
  • Magnet
  • Pocket
  • Parcel
  • Dashlane
  • Spark
  • Postman
  • GraphQL Playground
  • Dozer