Hyper.js + Oh My ZSH as Ubuntu on Windows (WSL) Terminal

Currently I am using Hyper.js Terminal for my Ubuntu on Windows with Oh My ZSH shell.

Hyper.js Terminal for Ubuntu on Windows + Oh My ZSH

Development with Vi Editor

Here is are the steps on how I got it running like seen above.

Install Windows Subsystem Linux — https://docs.microsoft.com/en-us/windows/wsl/install-win10

Install Ubuntu on Windows from Microsoft Store or any other Linux flavor — https://www.microsoft.com/en-us/p/ubuntu/9nblggh4msv6

Install Hyper.js terminal — https://hyper.is/

I went for the hyper-material-theme to set it up press Ctrl + , to bring up Hyper.js configuration file. Look for plugins: [ edit and add the theme.

plugins: [
        //"hyper-dracula"
        //"hyper-solarized-dark"
        "hyper-material-theme"
],

Setup Hyper.js to automatically open Ubuntu on Windows

• Open up Hyper.js configuration again and type Ctrl + ,
• Scroll down to shell and change it to C:\\Windows\\System32\\bash.exe

// the shell to run when spawning a new session (i.e. /usr/local/bin/fish)
    // if left empty, your system's login shell will be used by default
    //
    // Windows
    // - Make sure to use a full path if the binary name doesn't work
    // - Remove `--login` in shellArgs
    //
    // Bash on Windows
    // - Example: `C:\\Windows\\System32\\bash.exe`
    //
    // PowerShell on Windows
    // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe`
    shell: 'C:\\Windows\\System32\\bash.exe',

[Optional] Install screenfetch sudo apt-get install screenfetch

How to Quickly Get Linux System Information in Terminal with Screenfetch

Install ZSH on Ubuntu Bash Windows

• Run this sudo apt-get install zsh
• Open your bash profile vim~/.bashrc
• Add this to set it to use ZSH as default:

screenfetch
bash -c zsh
# ~/.bashrc: executed by bash(1) for non-login shells.
# see /usr/share/doc/bash/examples/startup-files (in the package bash-doc)
# for examples
# If not running interactively, don't do anything
case $- in

Install Oh My ZSH

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

Change the ZSH Theme to agnoster

vim ~/.zshrc

# Set name of the theme to load. Optionally, if you set this to "random"
# it'll load a random theme each time that oh-my-zsh is loaded.
# See https://github.com/robbyrussell/oh-my-zsh/wiki/Themes
ZSH_THEME="agnoster"

Install Powerline Fonts on Windows 10 — If your font not displaying well for the terminal as agnoster uses these fonts.

Installation Steps:
https://medium.com/@slmeng/how-to-install-powerline-fonts-in-windows-b2eedecace58

Restart Hyper.js — Done!

You can customize your Hyper.js and Oh My ZSH terminal further example using Powerlevel9k plugin below.

bhilburn/powerlevel9k

Install other Oh My ZSH plugin — https://github.com/robbyrussell/oh-my-zsh

Install other Hyper.js theme

Hyperthemes - Browse all Themes for Hyper(term)

Also there is now Hyper 2 terminal (clone)? I haven’t check it out

Hyper 2

Hope you enjoy these tips.