如果您喜欢在终端中使用快捷键来完成操作,那么 hyper-akari 是一个不错的选择。这是一个基于 Hyper 的插件,可以轻松帮助您在终端中实现快速跳转。
安装
安装 hyper-akari 非常简单,只需要在 Hyper 的配置文件中添加即可。请在命令行中输入以下代码来安装它:
npm install hyper-akari
这时,您的 Hyper 配置文件(一般位于 $HOME/.hyper.js
)将会加入下列行:
module.exports = { ... plugins: ['hyper-akari'], ... };
使用
启动 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 的使用有更清晰的理解。
$ cd ~/Documents/projects $ mkdir my_project $ cd my_project $ touch index.html main.css script.js $ cd .. $ hyper-akari
现在,您可以从输入框中查询并进行跳转!
总结
在本文中,我们介绍了如何安装和使用 hyper-akari,以及一些高级功能和示例代码。希望这篇文章对于正在学习前端的读者能有所帮助。如果您有任何疑问或反馈,请在下方评论区留言。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066b5f51ab1864dac671c4