カスタマイズしてみよう！
Hyperに関する記事を続けて2記事ほど投稿しました。
インストールがまだの方はこちらを参考にしてみてください。
関連記事
【使い勝手最強】Electron製のマルチプラットターミナルアプリ「Hyper」のインストール方法【Windows/Mac対応】
IT
Homebrew
Mac
Windows
アプリケーション
関連記事
【文字化け対策】Zsh等でプロンプトの表示をカスタマイズしてる際にHyperで発生する文字化けの修正方法【Source Code Pro for Powerline】
IT
Mac
Windows
アプリケーション
カスタマイズそして今回はプラグインを使ったカスタマイズについてご紹介致します。
カスタマイズ方法
.hyper.jsのpluginに追加
Hyperで使用したいプラグインを追加するには、.hyper.js内のpluginsの配列に追記していきます。
例えば、コチラのプラグインを入れる場合は以下のようにします。
plugins: [
"hyperpower"
],
この状態で保存をすると以下のようなトーストが表示されるのでリロードをしましょう。
これでプラグインが反映されます。
めちゃくちゃ簡単ですね。。。！
自分でプラグインをインストールしたりビルドする必要がないのがお手軽ですね♪
オススメのプラグイン
Hyperpower
タイピングをするたびに綺麗なエフェクトが発生します。
キーを打つのが楽しくなりますね♪
導入は以下をpluginsに追加するだけです。
plugins: [
"hyperpower"
],
Hyper Pokemon
ターミナルをポケモン風のカラーリングにしてくれます。
現在152匹に対応していてどんどん増えているようです！
デフォルトはピカチュウですが、configに以下の設定を追加することで変えることが出来ます。
plugins: [
"hyperpower"
],
//...
config: {
//...
colors: {
//...
},
pokemon: 'gengar', // Choose your favorite pokemon theme
unibody: 'true', // Choose the color of the window header
poketab: 'false', // Deactivate your theme's poketab
//...
}
Hyperterm Material
今流行りのマテリアルデザイン風のデザインになります。
見やすくてオススメのデザインです♪
plugins: [
"hyperterm-material",
],
Hyper Statusline
こちらはカレンドディレクトリとGitのブランチ名がターミナル下部に常に表示されるようになります。
Zshではpreztoを導入しないと実現出来なかった事をプラグインを追加するだけで実現出来るのですごいですよね・・・！
plugins: [
"hyper-statusline"
],
Hyper Tab Icons Plus
タブに関連するSVGアイコンを表示してくれます。
また、zshを使っている場合は以下の記述を.zshrcに追加しておけば自動でアイコンが変わります。
plugins: [
"hyper-tab-icons"
],
precmd() {
pwd=$(pwd)
cwd=${pwd##*/}
print -Pn "\e]0;$cwd\a"
}
preexec() {
printf "\033]0;%s\a" "${1%% *} | $cwd"
}
Hyper Search
こちらはHyperのターミナル内で文字列検索を可能にしてくれます。
ターミナル内の文字列検索って地味に使いづらい部分が多かったのでほぼ必須のプラグインでしょう！
plugins: [
"hyper-search"
],
終わりに
上記のようにプラグインの導入はとても簡単です。
そして、プラグインを入れる事でHyperの使い勝手が一気に上がるので作業効率もアップします。
他にも様々なプラグインがあるようなので探してみてください♪