https://github.com/michaelschwobe/mac-dev-setup

A macOS setup guide specific to front-end development.
https://github.com/michaelschwobe/mac-dev-setup

config front-end homebrew iterm macos node ohmyzsh setup visual-studio-code yarn

Last synced: 5 days ago
JSON representation

A macOS setup guide specific to front-end development.

• Host: GitHub
• URL: https://github.com/michaelschwobe/mac-dev-setup
• Owner: michaelschwobe
• License: mit
• Created: 2017-10-14T21:39:34.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2025-01-04T22:21:54.000Z (26 days ago)
• Last Synced: 2025-01-19T08:12:15.021Z (12 days ago)
• Topics: config, front-end, homebrew, iterm, macos, node, ohmyzsh, setup, visual-studio-code, yarn
• Language: Shell
• Homepage:
• Size: 188 KB
• Stars: 136
• Watchers: 4
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

   ```sh

   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.

   ```sh

   sh install.sh

   ```

   **OR** Run the installer scripts individually:

   ```sh

   sh defaults.sh

   sh tools.sh

   sh casks.sh

   sh optimizations.sh

   sh summary.sh

   ```

🔥 The scripts auto-skip prompts for items already installed. **Recommended:** Rerun as many times as needed.

✨ And thats it! For additional CLI and IDE customizations, refer to the related **Manual Setup** section below.

## Manual Setup

For those who prefer à la carte, this section contains everything that the **Guided Setup** attempts to do including CLI and IDE customizations.

1. If you haven’t already, save repo to `~/Downloads` folder:

   ```sh

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

   cd ~/Downloads/mac-dev-setup/scripts

   ```

2. Continue with setup below.

- [Defaults](#defaults)

- [Tools](#tools)

- [Applications](#applications)

- [Optimizations](#optimizations)

### Defaults

##### Create Dock spacers:

```sh

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:

```sh

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

killall Dock

```

##### Display hidden Finder files/folders:

```sh

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

killall Finder

```

##### Create `~/Developer` folder:

```sh

mkdir -p ~/Developer

```

##### Create `~/Sandbox` folder:

```sh

mkdir -p ~/Sandbox

```

##### Installing xcode-select (CLI tools):

```sh

xcode-select --install

```

##### Installing brew ([Homebrew](https://brew.sh/)):

If: Apple Silicon/ARM Architecture:

```sh

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

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"'>>$HOME/.zprofile && \

eval "$(/opt/homebrew/bin/brew shellenv)" && \

brew doctor

```

If Intel Architecture:

```sh

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

brew doctor

```

### Tools

##### Install [watchman](https://facebook.github.io/watchman/):

```sh

brew install watchman

```

##### Install [trash](https://hasseg.org/trash/):

```sh

brew install trash

```

##### Install [git](https://git-scm.com/):

```sh

brew install git

```

##### Install [zsh](https://www.zsh.org/):

```sh

brew install zsh

```

##### Install [oh-my-zsh](https://github.com/ohmyzsh/ohmyzsh):

```sh

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

```

##### Install [oh-my-posh](https://github.com/jandedobbeleer/oh-my-posh) (CLI theming):

```sh

brew install jandedobbeleer/oh-my-posh/oh-my-posh

echo '# Theme configuration: Oh My Posh' >> ~/.zshrc

echo 'if [ "$TERM_PROGRAM" != "Apple_Terminal" ]; then' >> ~/.zshrc

echo '  if [ -f ~/.moonlight.omp.json ]; then' >> ~/.zshrc

echo '    eval "$(oh-my-posh init zsh --config ~/.moonlight.omp.json)"' >> ~/.zshrc

echo '  else' >> ~/.zshrc

echo '    eval "$(oh-my-posh init zsh --config $(brew --prefix oh-my-posh)/themes/jandedobbeleer.omp.json)"' >> ~/.zshrc

echo '  fi' >> ~/.zshrc

echo 'fi' >> ~/.zshrc

```

Copy my Oh My Posh settings:

```sh

cp ~/Downloads/mac-dev-setup/.moonlight.omp.json ~/.moonlight.omp.json

```

Restart your CLI for this to take effect.

##### Install [powerlevel10k](https://github.com/romkatv/powerlevel10k/) (CLI theming):

```sh

brew install powerlevel10k && \

echo '# Theme configuration: PowerLevel10K' >> ~/.zshrc && \

echo 'source $(brew --prefix)/share/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

```

Copy my PowerLevel10K settings:

```sh

cp ~/Downloads/mac-dev-setup/.p10k.zsh ~/.p10k.zsh

```

Or customize your own settings:

```sh

p10k configure

```

Restart your CLI for this to take effect.

##### Install [zsh-autosuggestions](https://github.com/zsh-users/zsh-autosuggestions/):

```sh

brew install zsh-autosuggestions && \

echo "# Fish shell-like fast/unobtrusive autosuggestions for Zsh." >> ~/.zshrc && \

echo "source $(brew --prefix)/share/zsh-autosuggestions/zsh-autosuggestions.zsh" >> ~/.zshrc

```

Restart your CLI for this to take effect.

##### Install [zsh-syntax-highlighting](https://github.com/zsh-users/zsh-syntax-highlighting/):

```sh

brew install zsh-syntax-highlighting && \

echo "# Fish shell-like syntax highlighting for Zsh." >> ~/.zshrc && \

echo "# Warning: Must be last sourced!" >> ~/.zshrc && \

echo "source $(brew --prefix)/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh" >> ~/.zshrc

```

Restart your CLI for this to take effect.

Note the `source` command must be **at the end** of `~/.zshrc`.

##### Install [node](https://nodejs.org/) (Node via [Homebrew](https://brew.sh/)):

```sh

brew install node

```

##### Install [n](https://github.com/tj/n/) (Node via n):

```sh

brew install n

```

##### Install [nvm](https://github.com/nvm-sh/nvm/) (Node via nvm):

```sh

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

```

##### Install [yarn](https://yarnpkg.com/):

```sh

brew install yarn

```

##### Install [pnpm](https://pnpm.io/):

```sh

brew install pnpm

```

##### Upgrade [npm](https://www.npmjs.com/) (globally via npm):

```sh

npm install -g npm@latest

```

##### Install/Upgrade [serve](https://github.com/zeit/serve/) (globally via npm):

```sh

npm install -g serve@latest

```

### Applications/Casks

##### Install JetBrainsMono Nerd Font:

```sh

brew tap homebrew/cask-fonts # You only need to do this once!

brew install font-jetbrains-mono-nerd-font

```

##### Install 1Password:

```sh

brew install --cask 1password

```

##### Install Brave Browser:

```sh

brew install --cask brave-browser

```

##### Install Bruno:

```sh

brew install --cask bruno

```

##### Install Discord:

```sh

brew install --cask discord

```

##### Install Figma:

```sh

brew install --cask figma

```

##### Install Ghostty:

```sh

brew install --cask ghostty

```

1. Copy the theme:

   ```sh

   mkdir -p ~/.config/ghostty/ && \

   cp ~/Downloads/mac-dev-setup/Moonlight.ghostty.config ~/.config/ghostty/config

   ```

2. Check the theme by going to:

   - "Settings…"

3. Reload Ghostty and resolve any remaining issues.

   - "Reload Configuration"

##### Install Google Chrome:

```sh

brew install --cask google-chrome

```

##### Install iTerm:

```sh

brew install --cask iterm2

```

1. Copy my iTerm settings:

   ```sh

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

   ```

2. Set the theme by going to:

   - "Settings… → Profiles → Colors → Color Presets… → Import…"

   - Theme location: `~/Downloads/mac-dev-setup/Moonlight.itermcolors`

3. Set the font by going to:

   - "Settings… → Profiles → Text → Font"

   - Font name: "JetBrainsMono NFM" or "JetBrainsMono Nerd Font Mono"

4. Restart iTerm and resolve any remaining issues.

##### Install Rectangle:

```sh

brew install --cask rectangle

```

##### Install Slack:

```sh

brew install --cask slack

```

##### Install Sourcetree:

```sh

brew install --cask sourcetree

```

1. Set the font by going to:

   - "Settings… → Diff → Internal Diff Visualization → Diff View font"

   - Font name: "JetBrainsMono NFM" or "JetBrainsMono Nerd Font Mono"

2. Restart Sourcetree and resolve any remaining issues.

##### Install Spotify:

```sh

brew install --cask spotify

```

##### Update Terminal:

1. Set the theme and font by going to:

   - "Settings… → Profiles → Import…" (bottom left next to the "+/-" buttons)

   - Theme location: `~/Downloads/mac-dev-setup/Moonlight.terminal`

   - Font name: "JetBrainsMono NFM" or "JetBrainsMono Nerd Font Mono"

2. Restart Terminal and resolve any remaining issues.

##### Install Visual Studio Code:

```sh

brew install --cask visual-studio-code

```

1. Install my Extensions:

   ```sh

   code --install-extension alefragnani.project-manager

   code --install-extension atomiks.moonlight

   code --install-extension bradlc.vscode-tailwindcss

   code --install-extension christian-kohler.npm-intellisense

   code --install-extension christian-kohler.path-intellisense

   code --install-extension codeforge.remix-forge

   code --install-extension dbaeumer.vscode-eslint

   code --install-extension eamodio.gitlens

   code --install-extension editorconfig.editorconfig

   code --install-extension esbenp.prettier-vscode

   code --install-extension formulahendry.auto-rename-tag

   code --install-extension github.copilot

   code --install-extension github.copilot-chat

   code --install-extension github.vscode-github-actions

   code --install-extension gruntfuggly.todo-tree

   code --install-extension l13rary.l13-diff

   code --install-extension mikestead.dotenv

   code --install-extension ms-azuretools.vscode-docker

   code --install-extension orta.vscode-twoslash-queries

   code --install-extension prisma.prisma

   code --install-extension qwtel.sqlite-viewer

   code --install-extension stylelint.vscode-stylelint

   code --install-extension tyriar.sort-lines

   code --install-extension unifiedjs.vscode-mdx

   code --install-extension vscode-icons-team.vscode-icons

   code --install-extension yoavbls.pretty-ts-errors

   code --install-extension zignd.html-css-class-completion

   ```

2. Copy my Visual Studio Code User settings:

   ```sh

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

   ```

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

##### Install Warp:

```sh

brew install --cask warp

```

1. Copy the theme:

   ```sh

   mkdir -p ~/.warp/themes/ && \

   cp ~/Downloads/mac-dev-setup/Moonlight.warp.yaml ~/.warp/themes/

   ```

2. Set the theme and font by going to:

   - "Settings… → Appearance… → Themes"

   - Theme name: "Moonlight"

   - Font name: "JetBrainsMono NFM" or "JetBrainsMono Nerd Font Mono"

3. Restart Warp and resolve any remaining issues.

##### Install Zoom.us:

```sh

brew install --cask zoom

```

### Optimizations

##### Re-sort Launchpad applications:

```sh

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

```

##### Updating [oh-my-zsh](https://github.com/ohmyzsh/ohmyzsh):

```sh

omz update

```

##### Optimizing [Homebrew](https://brew.sh/):

```sh

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

```