npm 包 hyper-akari 使用教程

如果您喜欢在终端中使用快捷键来完成操作,那么 hyper-akari 是一个不错的选择。这是一个基于 Hyper 的插件,可以轻松帮助您在终端中实现快速跳转。

安装

安装 hyper-akari 非常简单,只需要在 Hyper 的配置文件中添加即可。请在命令行中输入以下代码来安装它:

--- ------- -----------

这时,您的 Hyper 配置文件(一般位于 $HOME/.hyper.js)将会加入下列行:

-------------- - -
  ---
  -------- ----------------
  ---
--

使用

启动 Hyper 后,您将会看到位于主界面顶部的一个输入框。这就是 hyper-akari 的关键特性:快速跳转。

模糊匹配

在输入框中键入您希望跳转的目录或文件名,hyper-akari 将会自动为您匹配模糊查询结果,以便您快速转到某个目录或文件中。 这比使用 cd 命令更加快速方便。

例如,如果您想要转到名为 my_project 的文件夹,只需在输入框中键入 my,hyper-akari 就会自动将其与所有名称包含该输入的文件和文件夹进行匹配。

如果您希望锁定想要跳转的项目,只需键入完整的项目名称即可。

支持历史记录

hyper-akari 还拥有全局历史记录功能,这意味着您不必记住所有的命令和路径。在选择过历史记录之后,您可以按 Ctrl + L 清除输入框。

如果您想在历史记录中查看之前的某个路径,请在输入框内键入 !! 来显示历史记录表单。

高级功能

hyper-akari 支持许多在其它目录导航插件中不常见的功能。下面介绍一些高级功能的使用。

使用通配符

Hyper 本身支持类似通配符的文件名扩展,因此 hyper-akari 也支持这一特性。 要搜索所有名称以 .spec.js 结尾的文件,只需输入 *spec.js 即可,hyper-akari 将会返回所有匹配的路径。

支持自定义快捷键

要在 hyper-akari 中使用您自己的快捷键,请查看这里并按照说明进行操作。 默认情况下,快捷键是 Ctrl + R

示例代码

下面是一个简单的示例代码,以便您对 hyper-akari 的使用有更清晰的理解。

- -- --------------------
- ----- ----------
- -- ----------
- ----- ---------- -------- ---------
- -- --
- -----------

现在,您可以从输入框中查询并进行跳转!

总结

在本文中,我们介绍了如何安装和使用 hyper-akari,以及一些高级功能和示例代码。希望这篇文章对于正在学习前端的读者能有所帮助。如果您有任何疑问或反馈,请在下方评论区留言。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066b5f51ab1864dac671c4


猜你喜欢

  • NPM 包 @inchingorg/xdata-cli 使用教程

    前端开发中,处理数据是必不可少的环节。然而,常常在数据处理上花费大量时间,特别是当我们需要处理的数据量庞大时。传统的数据处理方式不仅效率低下,而且还容易出错。此时,一个好用的数据处理工具是必不可少的。

    3 年前
  • npm 包 @idagio/cookie-middleware 使用教程

    在前端开发中,我们常常需要在客户端存储一些数据,而实现这个功能的方式就是使用 Cookie。 @idagio/cookie-middleware 是一个能够简化在 Node.js 中使用 Cookie...

    3 年前
  • npm 包 certificate.min.js 使用教程

    前言 在前端开发过程中,我们经常会涉及到与证书有关的场景,如证书认证、数字签名等。由于证书本身的复杂性,我们需要依赖一些优秀的 JavaScript 库来实现相关的功能,其中 certificate....

    3 年前
  • npm 包 @humblesoftware/taxi 使用教程

    介绍 @humblesoftware/taxi 是一个基于 JavaScript 实现的前端路由库,它可以帮助开发者快速地搭建单页应用程序。该库提供了对路由的管理、参数获取、回调事件等多个方面的支持。

    3 年前
  • npm 包 @idac/csvtools 使用教程

    在前端开发中,处理 csv 格式的文件是常见的操作之一。但是,如果手动处理 csv 文件,可能需要花费很多时间来完成这项任务。好在我们有 npm 包 @idac/csvtools,这个 npm 包可以...

    3 年前
  • npm 包 @idagio/assert-env 使用教程

    前言 在前端开发过程中,我们经常需要对环境进行不同的配置来调试或者部署应用程序。这时候,为了方便做环境的检查和报错,我们需要一款能够快速检查当前环境的工具。 在这篇文章中,我们将会介绍 Idagio ...

    3 年前
  • npm 包 @idagio/session-middleware 使用教程

    前言 在 Web 开发中,会话管理对于用户登录状态的维护至关重要。应用场景通常是,在用户成功登录后,会在服务端为其创建会话,并发放 sessionId(或 token),同时将其存储起来。

    3 年前
  • npm 包 @idagio/shortwreck 使用教程

    简介 @idagio/shortwreck 是一个前端开发中常用的 npm 包,它提供了一种简单、易用的 URL 缩短服务。通过该包,我们可以方便地实现网址的短链接转换,从而优化用户体验和页面性能。

    3 年前
  • npm 包 bool.min.js 使用教程

    近年来,前端开发领域不断发展,各种新的工具和技术不断涌现。其中,npm 包是前端开发不可或缺的一部分。在这里,我们将详细介绍一个名为 bool.min.js 的 npm 包,以及它的使用教程。

    3 年前
  • npm 包 @idarex/nuxt 使用教程

    前言 在前端工作中,我们经常需要使用很多不同的 npm 包来帮助我们构建 Web 应用程序。其中,@idarex/nuxt 是一款非常实用的 npm 包,用来帮助我们使用 Nuxt.js 快速开发 W...

    3 年前
  • npm 包 @iddan/react-google-login 使用教程

    在现代化的网站和Web应用中,多数用到了第三方账户的认证。其中Google账户是最常见的一种。为了帮助开发人员快速地在自己的前端应用中实现Google账户认证,@iddan/react-google-...

    3 年前
  • npm 包 @iddan/react-spreadsheet 使用教程

    前言 @iddan/react-spreadsheet 是一款基于 React 的开源网页表格组件,可以快速地创建、编辑和管理数据表格。本文将详细介绍如何使用该 npm 包,包括安装、配置和使用等内容...

    3 年前
  • npm 包 ch.min.js 使用教程

    在前端开发中,常常会涉及到字符转义的问题,对字符串进行处理来达到特定的目的。而在处理这些字符串时,我们可能会用到一些工具或者库来简化操作和提高效率。今天,我将为大家介绍一个非常实用的 npm 包,即 ...

    3 年前
  • npm 包 @huoyuxuan/jspkgtest 使用教程

    什么是 npm? npm 是 node.js 的包管理器,它让你可以轻松地共享代码或者使用别人的代码。你可以在 npm 官网 上搜索和下载依赖,也可以发布自己的包供他人使用。

    3 年前
  • npm包 @ideming1990/react-native-actionsheet 使用教程

    简介 @ideming1990/react-native-actionsheet 是React Native的一款UI组件包,它提供了一个简单易用的底部弹出式操作菜单,类似于 iOS 中 UIActi...

    3 年前
  • npm 包 @huston007/angular-gettext-cli 使用教程

    在前端开发中,我们常常需要对网站或应用进行本地化,实现国际化的目标。而 @huston007/angular-gettext-cli 就是一款帮助我们实现 Angular 项目的翻译的 npm 包。

    3 年前
  • npm 包 @ide/mux 使用教程

    @ide/mux 是一个高效率的基于 React 和 Redux 的 UI 组件库,提供了丰富的组件和组件样式,并且支持自定义主题。该教程涵盖了 @ide/mux 的安装、使用和自定义主题,旨在帮助初...

    3 年前
  • npm 包 @huston007/angular-gettext-tools 使用教程

    在前端开发中,多语言是一个非常重要的问题。在 Angular 前端开发中,@huston007/angular-gettext-tools 是一个非常好用的工具包,可以用于 Angular 应用程序的...

    3 年前
  • npm 包 @ide/fbemitter 使用教程

    前言 在现代化的 web 开发中,提高用户交互的质量和效率是前端开发的关键。而事件模型则是实现这些目标的关键。作为一个开源社区,npm 上提供了许多强大、高效、易用的事件处理工具包。

    3 年前
  • npm 包 @huston007/angular-tab-trap 使用教程

    简介 JavaScript 是前端开发的核心技术之一,而 npm 则是 JavaScript 代码包管理的核心工具。npm 提供了大量的开源包,可以帮助前端开发人员快速构建各种 Web 应用程序和框架...

    3 年前

相关推荐

    暂无文章