MacBook setup for web development

My MacBook setup for web development includes tools like: Homebrew, Brave, Visual Studio Code with Oh My Zsh, and Git.

Homebrew

Install Homebrew as a package manager for macOS:

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

Update everything in Homebrew to the latest version:

brew update

Install GUI applications (Homebrew formulae):

brew install --cask \
  brave-browser  \
  visual-studio-code

Install terminal applications:

brew install \
  git \
  nvm

GUI applications

Brave (browser): when I need to test something on Chromium.

Visual Studio Code (IDE): login with personal GitHub account.

Oh My Zsh

Install Oh My Zsh for a better terminal experience:

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

Update everything in Oh My Zsh to the latest version:

omz update

Important: If you change something in your Zsh configuration (.zshrc), you have to restart it:

source ~/.zshrc

Use af-magic as a new theme for your terminal:

code ~/.zshrc

Change the ZSH_THEME to af-magic: ZSH_THEME="af-magic".

Make it the default theme for Oh My Zsh:

echo 'eval "$(af-magic init zsh)"' >> ~/.zshrc

Use zsh in Visual Studio Code:

• open settings.json in VS Code by pressing ⌘ + ,
• look to the right for a button to Open Settings (JSON)
• paste these key/value pairs:

"terminal.external.osxExec": "Terminal.app",
"terminal.integrated.defaultProfile.osx": "zsh",

Zsh configuration file (.zshrc): copy and paste from the local file.

GIT

From the terminal, set the global name and email:

git config --global user.name "Your Name"
git config --global user.email "you@your-domain.com"

Configure Git to use VS Code as default editor:

git config --global core.editor "code --wait"

Print global git configuration:

git config --list