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

Hyper Setup

PreviousWarp SetupNextiTerm2 Setup

Last updated 1 year ago

Was this helpful?

Hyper is an Electron-based terminal built on HTML/CSS/JS. I like how less configurations I need to do to start doing my work. Credits to for this neat setup.

To install, simply run the following in your terminal:

brew install hyper

After installing, open Hyper and use it for the rest of the setup.

Theme

hyper snazzy an elegant Hyper theme with bright colors

You'll need to install the PURE prompt installed first before proceeding

hyper install hyper-snazzy

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

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

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

Pure is a pretty, minimal, and fast ZSH prompt

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

is a Fish shell like syntax highlighting for Zsh.

@cesarmcferreira
https://github.com/sindresorhus/hyper-snazzy
http://ohmyz.sh/
https://github.com/sindresorhus/pure
zsh-autosuggestions
Fish
zsh-syntax-highlighting