Mac OS 安装 Hyper 命令行工具

Mac 系统自带的 terminal 如下图,主题、字体等不是很美观。

Mac 系统自带的 terminal

我们可以抛弃系统终端,利用Hyper 把终端变得更漂亮。

一、Hyper 安装

1,安装 Homebrew

这里利用 Homebrew 安装。如果之前没有安装过 Homebrew , 在系统 terminal 中运行

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

即可安装 Homebrew.

2,安装 Hyper

在系统 terminal 中运行

brew cask install hyper

此时系统 Applications 中即可找到 Hyper。如果下载慢可以阅读 Homebrew 和 Homebrew cask 下载更新慢解决方法

3,Hyper 主题和插件

进入 https://hyper.is,选择自己喜欢的 Themes 和 Plugins,点击 Install, 即弹出安装命令,如下图。

Hyper 安装主题和插件

打开 Hyper,运行此命令即可更换主题、添加插件。

4,.hyper.js偏好设置

在 Hyper 中选择 Hyper -> Preferences..., 打开.hyper.js偏好设置文件。找到

 plugins: ["hyper-search", "verminal"],

这行。删除某项,即可删除该主题或插件。比如删除"verminal", 就可删除此主题。

二、macOS 下,使用 Oh My Zsh

1,zsh 安装

在 Hyper 中运行

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

安装成功后,屏幕出现 zsh 庆祝页面,如下

xxxx% sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" 
Cloning Oh My Zsh...
Cloning into '/Users/xxxx/.oh-my-zsh'...
remote: Counting objects: 831, done.
remote: Compressing objects: 100% (700/700), done.
remote: Total 831 (delta 14), reused 775 (delta 10), pack-reused 0
Receiving objects: 100% (831/831), 567.67 KiB | 75.00 KiB/s, done.
Resolving deltas: 100% (14/14), done.
Looking for an existing zsh config...
Found ~/.zshrc. Backing up to ~/.zshrc.pre-oh-my-zsh
Using the Oh My Zsh template file and adding it to ~/.zshrc
             __                                     __   
      ____  / /_     ____ ___  __  __   ____  _____/ /_  
     / __ \/ __ \   / __ `__ \/ / / /  /_  / / ___/ __ \ 
    / /_/ / / / /  / / / / / / /_/ /    / /_(__  ) / / / 
    \____/_/ /_/  /_/ /_/ /_/\__, /    /___/____/_/ /_/  
                            /____/                       ....is now installed!
Please look over the ~/.zshrc file to select plugins, themes, and options.
p.s. Follow us at https://twitter.com/ohmyzsh.
p.p.s. Get stickers and t-shirts at http://shop.planetargon.com.

2,设置 Hyper 默认 shell 为 zsh

打开.hyper.js偏好设置文件。找到 shell 那一行,把它修改为

 shell: 'zsh',

保存,重启 Hyper.

3,删除首行空行

重启 Hyper 后首行有一空行,如下图。


Hyper 首行空行

该问题参考 Cannot uninstall oh-my-zsh #7081 后可按如下方式解决。

运行

open ~/.zshrc

打开 .zshrc文件,在最后一行添加

unsetopt PROMPT_SP

即可解决首行空行问题。

4,配置主题

Oh My Zsh 默认自带了一些默认主题,存放在 ~/.oh-my-zsh/themes目录中。我们可以查看这些主题。终端输入

cd ~/.oh-my-zsh/themes && ls

即可查看。在 Themes 中也列举了 zsh 常见的主题。选择其中的主题,并在.zshrc文件

ZSH_THEME="robbyrussell"

中将默认的robbyrussell更改为自己喜欢的主题名称。

1)Bullet train 主题

改主题类似agnoster基于Powerline Vim 插件,且改主题可在不同命令间换行,更方便查看。安装方法:

  1. bullet-train.zsh 中下载 bullet-train.zsh-theme 并将其复制到 ~/.oh-my-zsh/themes目录中。
  2. ~/.zshrc文件中修改主题为
ZSH_THEME="bullet-train"
  1. 终端中运行
# clone
git clone https://github.com/powerline/fonts.git --depth=1
# install
cd fonts
./install.sh
# clean-up a bit
cd ..
rm -rf fonts

安装 Powerline 字体。

  1. 按如下修改 .hyper.js 文件
module.exports = {
  config: {
    // Overrides for the verminal theme
    verminal: {
      fontFamily: '"Source Code Pro for Powerline"'
    },
    // default font size in pixels for all tabs
    fontSize: 14,
    fontFamily: '"Source Code Pro for Powerline", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

   // [etc...]

注意,最好在 hyper 中配合 verminal 主题使用效果最佳。最终效果如下图:

Hyper 界面

如果在mac terminal 和 vscode 中 terminal 显示不正常,可参见Mac terminal终端...解决Mac下VSCode打开zsh乱码

5,配置插件

awesome-zsh-plugins 合集中列举了 zsh常见的框架、插件和主题。

1)zsh-autosuggestions

在 macOS 下利用 Homebrew:

brew install zsh-autosuggestions

然后将

source /usr/local/share/zsh-autosuggestions/zsh-autosuggestions.zsh

加入 .zshrc 文件最后一行。

2)zsh-syntax-highlighting

在 macOS 下利用 Homebrew:

brew install zsh-syntax-highlighting

然后将

source /usr/local/share/zsh-syntax-highlighting/zsh-syntax-highlighting.zsh

加入 .zshrc 文件最后一行。

3) zsh-vscode

  1. 进入此插件 GitHub 页面,下载zsh-vscode.plugin.zsh文件,将其放在 ~/目录下(目录可自行更改)。
  2. ~/.zshrc文件中添加一行
source ~/zsh-vscode.plugin.zsh
  1. 终端运行
source ~/.zshrc

参考资料

[1] HOW TO | 让自己的终端漂亮得不像实力派
[2] Hyper.js--命令行工具新势力
[3] Oh My Zsh,安装,主题配置方法
[4] Powerline fonts not working anymore #3343
[5] ohmyzsh

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,529评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,015评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,409评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,385评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,387评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,466评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,880评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,528评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,727评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,528评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,602评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,302评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,873评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,890评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,132评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,777评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,310评论 2 342

推荐阅读更多精彩内容