25
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Hyperで楽しい開発環境を!

Last updated at Posted at 2018-04-05

はじめに

今更ですが、友人におすすめのコマンドプロンプトを聞かれたので紹介しますw

Hyperとは

JSで簡単に拡張できるターミナルです。
Google拡張機能のような手軽さで、自分好みの開発環境を簡単に構築できます。
Electron、React、Reduxで作られているそうです。
※ただ日本語対応していないので、日本語入力すると挙動おかしくなりますw

hyperyellow.gif

インストール方法

公式サイトで、簡単にインストールできます。
またコマンドでもインストール可能です。

$ brew update
$ brew cask install hyper

Githubはこちら

プラグイン例

hyper power

花火みたいになります。見てるだけでとても楽しいですねw

13c9bfe6-4905-11e6-8fe4-baf8fc8d9293.gif

Githubはこちら

設定ファイルを開く

方法①:Hyper > Preferencers
スクリーンショット 2018-04-05 19.44.01.png

方法②:hyper上で ⌘,

方法③:$ vi .hyper.js

'hyperpower' を追記する

  plugins: [
    'hyperpower'
  ],

ちなみに、 $ wow で虹色になります。
もう一度、 $ wow するとピンク色に戻ります。

Hyper Pokemon

screen.png

先程と同様に。
ただ2つ以上のプラグインを利用する際は、末尾に , を忘れずに!

  plugins: [
    'hyperpower',
    'hyper-pokemon'
  ],

背景をミューツーにできたり、ポインターをフシギダネにできたり、色々できます。
いらない機能はコメントアウトしましょう。重くなりますのでw

    pokemon: 'random', // Define your favorite pokemon theme
    pokecursor: 'true', // Activate your theme's pokecursor
    pokemonSyntax: 'dark', // Define the color of the terminal tabs
    unibody: 'false' // Define the color of the Hyper window header
    poketab: 'true' // Deactivate your theme's poketab
  },

  plugins: [
    'hyper-pokemon'
  ],

現在、152ポケモンに対応しています。
スクリーンショット 2018-04-05 19.33.05.png

Githubはこちら

参考記事

爆速でターミナルをポケモンにする

25
21
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
25
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?