DEV Community

loading...

Minified: Setup your Mac for development, 2020 edition.

v3frankie profile image Frankie Valentine Updated on ・3 min read

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:
  • 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:
  • 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

Discussion (4)

pic
Editor guide
Collapse
nickdeshpande profile image
Collapse
v3frankie profile image
Frankie Valentine Author

Not seeing the fix here. Looks like the command in the article is correct according to oh-my-zsh docs.

Collapse
nickdeshpande profile image
Nick D

brew cask install ‘hyper’
should be
brew cask install hyper

Collapse
v3frankie profile image
Frankie Valentine Author

Fixed this one thanks Nick!