How to install and configure hyper for Windows 10

Command Prompt with some slick lines & padding

Configuring bash as default shell

Assuming you have git-bash installed, I’m guessing you want use it as your default shell. Well, thats easy! Have hyper selected, and press the ctrl-key while pressing the comma-key (ctrl + ,) — and you are inside the .hyper.js config. In here, you want to find this section:

// 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'],
// 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 (x86)\\Git\\bin\\bash.exe',
// for setting shell arguments
// by default `['--login']` will be used
shellArgs: ['-i'],
Hooray, we got bash!

Wait, what? The terminal just closed?

Yep, not the expected behaviour. (If you are not used to canceling tasks in the terminal by pressing ctrl + c then, no worries!) Thanks to this post, you have to target the usr version of the bash.exe file. Just make this change in the .hyper.js config:

// 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 (x86)\\Git\\usr\\bin\\bash.exe',
> ls -la
> clear

What the actual f..? All of the output is scrambled when using clear!

This is also an issue when trying to use vim in hyper on windows, or other programs/commands that requires to clear the output.

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

Lets install some plugins!

Well, this is definitly easy! Let’s pimp that terminal up!

> hyper install hyperborder
bash: hyper: command not found
> cd ~ && touch .bashrc
export PATH=$PATH:~/AppData/Local/hyper/app-2.0.0/resources/bin

Let’s try installing hyperborder one more time.

Before & after restarting hyper
hyper-snazzy: strong vibrant colors..?
// custom CSS to embed in the main window
css: `
.term_fit:not(.term_term) {
opacity: 1 !important
}
`,
That looks more like it!

--

--

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