中打开终端_终端大改造:只需五步,构建你的梦中情“端”

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

863718d5c0c4b2b959787ec505feedfc.png

图源:unsplash

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

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

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

118b26b3296fa193a7bdd24484d686b9.png

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

b4d83e48fe7440ba6e49e5db24024e52.png

1. 终端:设置Hyper

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

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

下载Hyper,我们继续。(mailto:https://hyper.is/)

f823ffa30826f692fd41cbc136ff932a.png

Hyper终端下载页面

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

code /Users//.hyper.js

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

5a1f2563b1ca59ff043132b0954dfce8.png

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

主题

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

9fb1174009d71b742351c0f8dcf5fe22.png

Hyper的hyper-one-dark主题

安装:

hyper i hyper-one-dark

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

63425ba093e91a457a320f66e8433b78.png

.hyper.js文件

字体

我们可以做一些更改,比如将字体大小设置为14,行高设置为1.2。通过将字体家族设置为FuraCode Nerd字体来安装自己的字体。我们还可以用nerd字体,可以从这里下载:mailto:https://www.nerdfonts.com/font-downloads。

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

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

6ba9ac89fa271b6f116df3086310c6d9.png

图源:unsplash

Ligatures

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

hyper i hyper-font-ligatures

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

9cd7c47429b7075669dfd5d70c3a3ddc.png

.hyper.js文件

b4d83e48fe7440ba6e49e5db24024e52.png

2. Shell:设置Zsh

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

如果还没有macOSCatalina,就继续安装Zsh:

brew install zsh

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

4b419fc056bb85d0aec6ece183b468a6.png

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

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

b4d83e48fe7440ba6e49e5db24024e52.png

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选项。现在你的提示应该是这样的:

6d0d88ecd8d6a26c6400b0b51b178841.png

Spaceship prompt

Syntax highlighting

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

以下是macOS的安装说明:

brew install zsh-syntax-highlighting

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

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

b4d83e48fe7440ba6e49e5db24024e52.png

4. 用ColorLS给它上色

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

4ec88760c18ca1c2675f25f7353826dd.png

图源: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//。在代码编辑器中添加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文件,并添加以下三行:

54226ba9472566ea6b578f55e60141b1.png

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

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

aeee2d4470dda65e05929abb4a17a115.png

Colorls文件和文件夹着色效果

b4d83e48fe7440ba6e49e5db24024e52.png

5. 添加插件功能

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

Active Tab Icon

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

安装hyper-active-tab插件:

hyper i hyper-active-tab

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

049fc82e88723213cd08ad1a59c994c2.png

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

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

00c56557c781ec18ca6a0f759495de75.png

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

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

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

安装:

hyper i hypercwd

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

eb05be2efbeb39458f944c73bb55befd.png

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

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

71e3b77d018fee0f7d109dc524d0c4eb.gif

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数组中:

366da498ddcac7059d477a9f8641d104.png

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

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

8ed563cac5300f3ff5d86e317648edb2.png

留言点赞关注

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

如转载,请后台留言,遵守转载规范

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值