Hyper.js for Windows

October 22, 2019

Time to read: 2 min

Hyper is a HTML/CSS/JS terminal with awesome and extensible interface I like to use.

The goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards. In the beginning, our focus will be primarily around speed, stability and the development of the correct API for extension authors.

In this post I will describe how to install Hyper for Windows OS.

1 step:

Download Hyper from official Website

2 step:

Assuming you have git-bash installed hit up ctrl + , and you are inside the .hyper.js (probably it is in C:\Users\YOURUSERNAME):

3 step:

Find these lines:

// the shell to run when spawning a new session
// if left empty, your system's login shell will be used by default
shell: '',

// for setting shell arguments
// by default ['--login'] will be used
shellArgs: ['--login'],

Then change above code to:

// the shell to run when spawning a new session
// if left empty, your system's login shell will be used by default
shell: 'C:\Program Files\Git\usr\bin\bash.exe',

// for setting shell arguments
// by default ['--login'] will be used
shellArgs: ['-i'],

4 step:

We are still in hyper.js config file and let's add another code (you can add this code just below 3 step):

   // for environment variables
   env: { TERM: 'cygwin' },

5 step:

Add if hyper is in user variables:

Computer -> Properties -> Advanced -> Environment variables

To add path you need to click on New... button. Then in appeared windows set following data:

variable name: Path
Variable value: C:\User\your_user_name\AppData\Local\hyper\app-2.1.2\resources\bin

6 step:

First you need to create a .bashrc file in your user folder.

  • First variant: simply type: cd ~ && touch .bashrc
  • Second variant: you can go to C:\Users\YOURUSERNAME and create this file by right click

7 step:

Check if version is corresponding in .bashrc file (probably it is in C:\Users\YOURUSERNAME).

Should be something like that:

export PATH=\$PATH:~/AppData/Local/hyper/app-2.1.2/resources/bin

Please pay attention to version. You can control version you downloaded in AppData folder. But usually on computer this folder in hidden. So that to open it you can type in folder address bar:

C:\Users\YOURUSERNAME\AppData\Local\hyper

8 step:

  • Lets install Hyper type plugin (after installing - restart Hyper): in Hyper type:

    hyper install hyperborder
  • Install theme:

    hyper install hyper-snazzy

Link to dive deeper: Official website of Hyper

That's it!

Congratulations! You have a Hyper CLI on your computer.