Mac dev setup

A macOS setup guide specific to front-end development.

Guided Setup

For a guided setup, open up Terminal.app and run the following command:

1. Save repo to ~/Downloads folder:

   git clone https://github.com/michaelschwobe/mac-dev-setup.git ~/Downloads/mac-dev-setup && \
   cd ~/Downloads/mac-dev-setup/scripts

2. Run the installer script (rerun as many times as needed).

   sh install.sh

   OR Run the installer scripts individually:

   sh defaults.sh
   sh tools.sh
   sh casks.sh
   sh optimizations.sh
   sh summary.sh

✨ And thats it! No need to do anything further.

Manual Setup

For those who prefer à la carte, this section contains everything that the Guided Setup attempts to do, except for IDE customization.

• Defaults
• Tools
• Applications
• Optimizations

Defaults

Create Dock spacers:

defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
defaults write com.apple.dock persistent-apps -array-add '{"tile-type"="spacer-tile";}' && \
killall Dock

Autohide Dock:

defaults write com.apple.dock autohide -boolean true && \
killall Dock

Display hidden Finder files/folders:

defaults write com.apple.finder AppleShowAllFiles -boolean true && \
killall Finder

Create ~/Developer folder:

mkdir -p ~/Developer

Installing xcode-select (CLI tools):

xcode-select --install

Installing brew (Homebrew):

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" && \
brew doctor

Tools

Install watchman:

brew install watchman

Install trash:

brew install trash

Install git:

brew install git

Install git-flow:

brew install git-flow

Install zsh:

brew install zsh

Install oh-my-zsh:

sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Install powerlevel10k (CLI theming):

brew install romkatv/powerlevel10k/powerlevel10k && \
echo '# Theme configuration: PowerLevel10K' >>! ~/.zshrc && \
echo 'source /usr/local/opt/powerlevel10k/powerlevel10k.zsh-theme' >>! ~/.zshrc && \
echo '# To customize prompt, run `p10k configure` or edit ~/.p10k.zsh.' >>! ~/.zshrc && \
echo '[[ ! -f ~/.p10k.zsh ]] || source ~/.p10k.zsh' >>! ~/.zshrc

Restart you’re CLI for this to take effect, or run:

p10k configure

Install zsh-autosuggestions:

brew install zsh-autosuggestions && \
echo "# Fish shell-like fast/unobtrusive autosuggestions for Zsh." >> ~/.zshrc && \
echo "source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh" >> ~/.zshrc

Restart you’re CLI for this to take effect.

Install zsh-syntax-highlighting:

brew install zsh-syntax-highlighting && \
echo "# Fish shell-like syntax highlighting for Zsh." >> ~/.zshrc && \
echo "# Warning: Must be last sourced!" >> ~/.zshrc && \
echo "source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh" >> ~/.zshrc

Restart you’re CLI for this to take effect. Note the source command must be at the end of ~/.zshrc.

Install node (Node via Homebrew):

brew install node

Install n (Node via n):

brew install n

Install nvm (Node via nvm):

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

Install yarn:

brew install yarn

Upgrade npm:

npm i -g npm@latest

Install/Upgrade serve (globally via npm):

npm i -g serve@latest

Applications

Install 1Password:

brew install --cask 1password

Install Brave Browser:

brew install --cask brave-browser

Install DiffMerge:

brew install --cask diffmerge

Install Discord:

brew install --cask discord

Install Figma:

brew install --cask figma

Install Google Chrome:

brew install --cask google-chrome

Install Insomnia:

brew install --cask insomnia

Install iTerm:

brew install --cask iterm2

1. Copy my iTerm settings:

   cp ~/Downloads/mac-dev-setup/.zshrc ~/

2. Restart iTerm and resolve any remaining issues.

Install Rectangle:

brew install --cask rectangle

Install Slack:

brew install --cask slack

Install Sourcetree:

brew install --cask sourcetree

Install Spotify:

brew install --cask spotify

Install Visual Studio Code:

brew install --cask visual-studio-code

1. Install my Extensions:

   code --install-extension alefragnani.project-manager
   code --install-extension atomiks.moonlight
   code --install-extension christian-kohler.npm-intellisense
   code --install-extension christian-kohler.path-intellisense
   code --install-extension CoenraadS.bracket-pair-colorizer
   code --install-extension dbaeumer.vscode-eslint
   code --install-extension dsznajder.es7-react-js-snippets
   code --install-extension eamodio.gitlens
   code --install-extension EditorConfig.EditorConfig
   code --install-extension eg2.vscode-npm-script
   code --install-extension esbenp.prettier-vscode
   code --install-extension formulahendry.auto-rename-tag
   code --install-extension Gruntfuggly.todo-tree
   code --install-extension johnpapa.vscode-peacock
   code --install-extension JuanBlanco.solidity
   code --install-extension mikestead.dotenv
   code --install-extension ms-vscode.sublime-keybindings
   code --install-extension Prisma.prisma
   code --install-extension stylelint.vscode-stylelint
   code --install-extension Tyriar.sort-lines
   code --install-extension vscode-icons-team.vscode-icons
   code --install-extension wix.vscode-import-cost
   code --install-extension Zignd.html-css-class-completion

2. Copy my Visual Studio Code User settings:

   cp ~/Downloads/mac-dev-setup/Code/* ~/Library/Application\ Support/Code/User

3. Restart Visual Studio Code and resolve any remaining issues.

Install Zoom:

brew install --cask zoom

Optimizations

Re-sort Launchpad applications:

defaults write com.apple.dock ResetLaunchPad -boolean true; killall Dock

Updating oh-my-zsh:

omz update

Optimizing Homebrew:

brew update && brew upgrade && brew doctor && brew cleanup