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

Syed Sharizal
Jul 14, 2018 · 3 min read

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 Linuxhttps://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

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.

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

Install other Hyper.js theme

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

Hope you enjoy these tips.

Syed Sharizal

Written by

Network Design Engineer

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade