Zsh Autosuggestions 使用插件和主题在 OhMyZsh 和 Hyper 上设置自动完成功能的初学者指南！

2025-05-25

Zsh Autosuggestions使用插件和主题在 OhMyZsh 和 Hyper 上设置自动完成功能的初学者指南！

您的常规 bash 可能具有您通常需要的功能，但如果您是常规终端用户，zsh 将改变您键入命令的方式。

zsh、ohmyzsh 和 hyper 共同提供的功能绝对会让您惊叹不已。

您知道可以从终端控制 Spotify 吗？是的，超级插件 (Hyper Plugins) 可以帮您实现这一点。

对于初学者来说，设置这些东西可能会很困难，所以这里有一个非常简单的入门指南！🤩

🔥 简介

如果您使用的是如下所示的常规终端，那么您将错过 OhMyZsh 提供的许多功能。

Flaviocope 的 MacOS 终端

今天，您将对终端进行改造，使其看起来像这样......

我的超级终端

OhMyZsh 不仅外观出色，还具备丰富的功能，让您的编程之旅更加轻松。

在本教程结束时，您可以在终端中执行以下操作......

  • NPM，Git 自动完成
  • 在终端输入时自动提供建议
  • 语法高亮显示命令是否已定义
  • 使用光标编辑终端命令
  • 查看git branch当前git status目录
  • 打开与当前标签页相同目录的新标签页
  • 使用 OhMyZsh 的功能，例如无需使用 即可导航cd、使用ll、更轻松的基于 Tab 单击的导航等等！

❤️ 开始

首先，你必须安装zsh。在某些情况下（取决于你运行的操作系统），它可能已经安装好了。因此，请zsh --version在终端中运行以下命令来检查它是否已安装。

zsh不同操作系统的安装过程有所不同。请参阅Zsh 安装指南来安装 zsh。

安装 Zsh 后，请确保将其设置为默认 shell。在终端中运行以下命令即可。



$ sudo chsh -s $(which zsh)
Enter fullscreen mode Exit fullscreen mode

注销并重新登录到默认shell。运行，即可看到类似echo $SHELL输出。/bin/zsh

🔰 安装 OhMyZsh

请注意，zsh 和 OhMyZsh 是不同的。

OhMyZsh通过在终端中运行以下命令进行安装。



$ sudo sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Enter fullscreen mode Exit fullscreen mode

当您安装 OhMyZsh 时，它会附带许多插件来帮助您！

要添加有用的插件，请~/.zshrc在 TextEdit/Notepad/Vim/VSCode 中打开。

在文件中看到的插件列表中，只需添加一个名为的插件npm，就像这样👇



plugins=(
  git
  bundler
  dotenv
  osx
  rake
  rbenv
  ruby
  npm # you added this
)
Enter fullscreen mode Exit fullscreen mode

瞧！OhMyZsh 大功告成！要查看变化，请source ~/.zshrc在终端中运行，现在你就拥有了 OhMyZsh shell 的全部功能。

🔰 通过 Zeit 安装 HyperTerm

Zeit（now.sh 和 Next.js 的创建者）为我们创建了一个基于 Electron 的出色的终端应用程序。

从这里下载 Hyper 。

⚛️ 使用 OhMyZsh 配置 Hyper

打开超级终端。你不会看到 OhMyZsh 在那里运行。所以，前往超级设置。在 OSX 上，它是Hyper > Preferences。

这将在您常用的编辑器中打开一个.hyper.js文件。该文件包含您终端的所有设置，并且非常易于控制！

要在 Hyper 中启用 OhMyZsh 作为默认 shell，请在.hyper.js👇中进行此更改



- shell: '/bin/bash'
+ shell: '/bin/zsh'
Enter fullscreen mode Exit fullscreen mode

这将使 OhMyZsh 成为您的默认超级终端 shell！

🤩 输入命令时自动完成

Git Clone zsh-autocompleteOhMyZsh 插件文件夹中的插件。



$ sudo git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions
Enter fullscreen mode Exit fullscreen mode

完成后，将插件添加到~/.zshrc文件的插件列表中。



plugins=(
  ...
  zsh-autosuggestions
)
Enter fullscreen mode Exit fullscreen mode

🎉 Zsh 语法高亮

Git Clone zsh-syntax-highlightingOhMyZsh 插件文件夹中的插件。



$ sudo git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
Enter fullscreen mode Exit fullscreen mode

并再次将其添加到文件的插件列表中.zshrc。



plugins=(
  ... 
  zsh-syntax-highlighting
)
Enter fullscreen mode Exit fullscreen mode

注意：要反映您所做的每个更改，请source ~/.zshrc在终端中执行。

📯 启用 Hyper 相关功能和主题

.hyper.js通过切换超级终端设置来打开。

查看该plugins: [...]部分并将这些插件名称粘贴到那里。



plugins: [
  ...
  'hypercwd',
  'hyper-statusline',
  'hyper-alt-click',
  'hyperterm-safepaste',
  'hyper-search',
  'hypergoogle',
  'hyperborder',
  'hyper-tab-icons',
  'hyper-hide-title',
  'shades-of-purple-hyper'
],
Enter fullscreen mode Exit fullscreen mode

保存文件后，Hyper 会自动安装这些插件和主题。要使更改生效，只需关闭并重新启动 Hyper Terminal 即可。

太棒了！现在，你的终端已经拥有了本文开头列出的所有功能。

奖励：在 VSCode 中为集成终端设置相同的终端配置

在 VSCode 设置中，添加以下 JSON 键值对，就可以开始了！



{
  ...
  "terminal.integrated.shell.osx": "/bin/zsh",
  "terminal.integrated.fontSize": 16
}
Enter fullscreen mode Exit fullscreen mode

就是这样啦，朋友们！

🔥 资源

🏆 关于我

我是 Kumar Abhirup，一名来自印度的 16 岁 JavaScript React 开发人员，我每天都在学习新事物。

在 Twitter 上与我联系🐦
我的个人网站和作品集🖥️

在下面评论您更好的方法和建议以改进本文。:)

文章来源：https://dev.to/kumareth/a-beginner-s-guide-for-setting-up-autocomplete-on-ohmyzsh-hyper-with-plugins-themes-47f2
Devto 翻译
PREV
async/await 速成课程 kotlinx.coroutines
NEXT
人性化拉取请求 (PR) 的艺术