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 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.

Delivering on 5G and Digital Transformation

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store