Product Designer Setup
  • Introduction
  • Preparation
    • Preparing Your Mac
    • Installing macOS
  • Setup
    • Xcode
    • System Preferences
      • Finder
    • Homebrew
      • Cask
    • Terminal Setups
      • Warp Setup
      • Hyper Setup
      • iTerm2 Setup
        • Zsh
    • Terminal Packages
    • Git
      • Git Ignore
    • Code Editor Setups
      • Visual Studio Code
        • Extensions
        • Preferences
      • Sublime Text
        • Preferences
        • Packages
    • Tech Stack
      • Package Managers
  • Apps + Tools
    • Intro
    • Productivity Tools
    • Design Tools
    • Developer Tools
Powered by GitBook
On this page
  • Theme
  • Shell
  • Zsh
  • Zsh Framework
  • Prompt
  • Zsh Plugins
  • Zsh autosuggestions
  • Zsh Syntax Highlighting

Was this helpful?

  1. Setup
  2. Terminal Setups

Warp Setup

The modern, AI-assisted terminal.

PreviousTerminal SetupsNextHyper Setup

Last updated 9 months ago

Was this helpful?

Before we proceed, there are three main things that we want to set up in a terminal. Mainly, the Theme, Prompt, and shell.

Lately, I've been using Warp — which is a nice terminal with AI built in. It boasts shared workflows and saved commands so you can collaborate with your team better. You can check it out here:

To install, simple run: brew install --cask warp

Theme

Download the snazzy.yaml file (and any other accent file) and copy it to ~/.warp/themes

Open Warp, then run the command palette by typing cmd+p and search for Open Theme Picker. Scroll down and select Snazzy.

Make sure you use the Menlo font.

Shell

Zsh

Since macOS Catalina and higher, Zsh has been adopted replacing Bash. So no need to manually install zsh anymore. If you're not sure you can run echo $SHELL on your terminal and you should get /bin/zsh as a response.

Zsh Framework

Installation:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Prompt

But you'll need node installed first:

brew install node

Then, to install:

npm install --global pure-prompt

And add this to the end of your ~/.zshrc

# .zshrc
autoload -U promptinit; promptinit
prompt pure

FAQ

What is a .zshrc file? Basically, it's a Z-shell resource that contains all your configurations.

How do I edit/access the .zshrc file?

Your .zshrc file is usually located at the root. To open use your default text editor:

open ~/.zshrc

Big Sur Issue: After installing Brew, I get a "command not found"

Simply open your .zshrc file and add this:

export PATH=/opt/homebrew/bin:$PATH

Zsh Plugins

Zsh autosuggestions

Installation:

git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions

Search for the plugins line inside ~/.zshrc and add the plugin to the list of plugins for Oh My Zsh to load

plugins=(git zsh-autosuggestions)

Zsh Syntax Highlighting

Installation:

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

Then again, search for the plugins line inside ~/.zshrc and add the plugin to the list of plugins for Oh My Zsh to load

plugins=(git zsh-autosuggestions zsh-syntax-highlighting)

You need to source your config

source ~/.zshrc

I love hyper snazzy, which is an elegant terminal theme with bright colors. Luckily they made a port for Warp here:

Oh-my-zsh is an open source, community-driven framework for managing your zsh configuration

Pure is a pretty, minimal, and fast ZSH prompt

is a -like fast/unobtrusive auto-suggestions for zsh. It suggests commands as you type based on command history.

is a Fish shell-like syntax highlighting for Zsh.

https://github.com/GrimLink/warp-theme-snazzy
http://ohmyz.sh/
https://github.com/sindresorhus/pure
zsh-autosuggestions
Fish
zsh-syntax-highlighting
https://www.warp.dev/