Minified: Setup your Mac for development, 2020 edition.

#webdev #mac #2020 #tutorial

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