本文共 4107 字，大约阅读时间需要 13 分钟。

全文共2729字，预计学习时长12分钟

图源：unsplash

作为开发人员，输入命令可能是最头疼的事情。命令行花费了大量的时间，所以最好尽可能让命令行变得有趣而高效。

你可能会花大量的时间去定制自己的代码编辑器，选择最好的字体，安装Material图标主题使文件和文件夹看起来很美观，并选择最好的扩展。来吧，让我们一起改造终端吧！

笔者在网上和论坛上参考了几篇不同文章来定制终端。有些文章在技术上太深奥了，而笔者想要的只是让终端更友好、使用更快捷。所以怀着让每个人都能理解的目标，这篇文章诞生了。

配置后的自定义终端的屏幕截图

 

1. 终端:设置Hyper

有几种终端仿真器，尽管像iTerm2这样的其他仿真器看起来更快，但它只适用于Mac用户。笔者想让这篇文章对每个人都有用，所以我选择了Hyper。

Hyper是跨平台的(它与Electron封装在一起实现了这一点)，版本3在性能方面有了巨大的改进。你可以在他们的博客上了解更多关于这个新版本Hyper的信息。而且它的图标变得越来越漂亮了。

下载Hyper，我们继续。（mailto:https://hyper.is/）

Hyper终端下载页面

现在来看看配置。首先，转到.hyper.js文件(注意文件名前的.)，它位于/Users/<your_username>文件夹中。键入以下命令打开文件：

code /Users/<your_username>/.hyper.js

该文件包含一个配置对象，可以在其中选择字体、添加样式、插件等。第一次打开时，应该是这样的：

配置Hyper—.hyper.js文件的默认内容

主题

Hyperstore有很多主题值得花几个小时浏览。甚至可以以Pikachu为主题。笔者选择了hyper-one-dark，它看起来很像VS代码主题：

Hyper的hyper-one-dark主题

安装：

hyper i hyper-one-dark

然后通过在.hyper.js文件的配置对象外的 plugins数组中添加主题的名称来启用该主题：

.hyper.js文件

字体

我们可以做一些更改，比如将字体大小设置为14，行高设置为1.2。通过将字体家族设置为FuraCode Nerd字体来安装自己的字体。我们还可以用nerd字体，可以从这里下载：

mailto:https://www.nerdfonts.com/font-downloads。

注意它的拼写是“FuraCode”，后面有一个u。这是因为从这个网站下载FiraCodeNerd字体时，会得到一个以“Fira”开头的字体和另一个以“Fura”开头的字体。选择你最喜欢的字体。

这里也要注意，字体列表是在单引号之间设置的，因此可以添加用双引号包围的几个单词名称的字体。确保所有字体都用单引号括起来，否则它将无效。

图源：unsplash

Ligatures

现在有了一个很棒的字体，启用ligatures，即表示两个字符与另一个字符相关联形成的一个新的单个字符。要启用它们，需要hyper-font-ligatures插件。首先，安装：

hyper i hyper-font-ligatures

其次，需要通过将它的名字添加到plugins数组并在.hyper.js的config对象中禁用WebGL呈现(如这里所解释的)来启用plugins。像这样：

.hyper.js文件

 

2. Shell:设置Zsh

从macOSCatalina开始，苹果已经将Bash (Bourne-againshell)替换为Zsh(Z shell)作为其默认shell。这是个好消息，shell支持主题和插件的更高自定义可能性。

如果还没有macOSCatalina，就继续安装Zsh：

brew install zsh

将其添加到.hyper.js文件中的配置对象中:

 

在.hyper.js文件中设置Zsh为shell

现在都在同一个页面上，可以开始自定义提示。

 

3.提示:设置Spaceship Prompt

提示符是您在命令之前看到的文本，默认情况下它很差，只提供基本的文件系统信息。使用太空船提示你可以获得更多信息，例如:

· 当前Git分支和丰富的repo状态

· 当前节点.js/ Ruby / Python / Swift / Docker /…版本

· 如果最后一个命令带有非零代码退出，提示符字符变为红色

你有几个安装选项，包括npm:

npm install -g spaceship-prompt

如在飞船提示符doc中所示，这个命令应该链接到spaceship. zsh .zsh作为prompt_spaceship_setup到$fpath，并设置提示spaceship在.zshrc。在此之后，需要重新加载终端。

注意，如果使用npm没有得到spaceship提示符，请尝试其他安装—笔者曾经使用过Oh My Zsh选项。现在你的提示应该是这样的：

Spaceship prompt

Syntax highlighting

现在将安装zsh-syntax-highlighting，它支持对命令进行突出显示，使它们更具可读性，并帮助它们避免拼写错误。

以下是macOS的安装说明：

brew install zsh-syntax-highlighting

这个命令应该将源代码添加到.zshrc文件的末尾，该文件应该位于/Users/<your_username>文件夹中(至少来自macOSCatalina)。

打开一个新的终端会话，可以看到突出显示的命令。如果没有，则需要手动添加到该文件的末尾。

 

4. 用ColorLS给它上色

这是笔者最喜欢的一部分：使用Color LS，将添加颜色和漂亮的图标到文件和文件夹，在命令行列出然后使用LS命令。

图源：unsplash

1.安装Ruby。（

mailto:https://www.ruby-lang.org/fr/documentation/installation/）

2.安装Powerline Nerd字体和/或Awesome字体，早些时候已经做了字体部分。

3.安装colorls Ruby gem:

gem install colorls

4.通过在.zshrc shell配置文件中输入以下行来启用标记的选项卡完成。所以/Users/<your-username>/。在代码编辑器中添加zshrc，并添加以下行：

source $(dirname $(gem whichcolorls))/tab_complete.sh

Color LS已经准备好使用了!现在可以通过修改默认的dark_colors来定制颜色。

先从$(dirname$(gem, colorls))/yaml到~/.config/colorls复制dark_colors.yaml文件。使用以下命令配置/colorls：

cp $(dirname $(gem whichcolorls))/yaml/dark_colors。yaml~ / config / colorls / dark_colors.yaml '

然后，可以在代码编辑器中打开该文件，并随意更改颜色。最后，创建三个别名，根据需要列出不同程度的信息。在代码编辑器中打开.zshrc文件，并添加以下三行：

在终端.zshrc文件中为列出文件和目录定义别名

现在，如果点击ls命令，你的文件和文件夹就会变成这样的蓝色：

Colorls文件和文件夹着色效果

 

5. 添加插件功能

由于想保持这篇文章的简单和直接，这里只讲笔者最喜欢的三个插件。

Active Tab Icon

你可能已经注意到笔者标签标题中的狐狸表情了吧?这多亏了这个插件。

安装hyper-active-tab插件：

hyper i hyper-active-tab

将它添加到.hyper.js文件中的plugins数组中：

添加插件名称到plugins数组- .hyper.js文件

在.hyper.js文件的config对象中添加选择的表情符号的activeTab属性：

设置您的活动标签图标-.hyper.js文件

在同一目录中打开新选项卡

每当笔者打开一个新标签时，都是在笔者正在处理的同一个项目上执行一个操作。每次浏览文件夹都是浪费时间，所以hypercwd插件非常受欢迎。

安装：

hyper i hypercwd

并将其添加到.hyper.js文件中的plugins数组中：

添加插件名称到plugins数组- .hyper.js文件

2020年5月30日更新：hypercwd似乎大大降低了新标签的打开速度：

hypercwd减缓tab打开

这在Github上是一个开放的问题（

mailto:https://github.com/hharnisc/hypercwd/issues/58），如果通读一下，就会发现hypercwd似乎没有更新，所以他创建了另一个插件来做同样的事情，但速度更快:hypersamewd。

使用hyper uninstall hypercwd卸载hypercwd和安装hyper-samewd运行hyper i hypercewd。

在此之后重启Hyper，并确保.hyper.js文件中的plugins数组现在包含了Hyper -samewd。如果还是太慢，建议在hypersamewd repo中打开一个问题，同时关闭它。

用于终端的Ctrl-F

在终端中搜索文本。安装：

hyper i hyper-search

并将其添加到.hyper.js文件中的plugins数组中：

添加插件名称到plugins数组- .hyper.js文件

现在你拥有了一个全然不同的新终端，新世界的大门就此打开啦！

一起分享AI学习与发展的干货

欢迎关注全平台AI垂类自媒体 “读芯术”

（添加小编微信：dxsxbb，加入读者圈，一起讨论最新鲜的人工智能科技哦～）

转载地址：http://obuef.baihongyu.com/