VIM 大师

VIM 大师

Hacker News 摘要

原标题:VIM Master

VIM Master 是一个轻量级的在线游戏,旨在通过短小而集中的关卡教授核心 Vim 操作和编辑命令。无需安装,只需打开相关文件便可开始练习。

特点

• 支持普通模式和插入模式,并带有屏幕状态栏。

• 命令日志显示您的按键记录。

• 关卡会验证您的操作结果,而不仅仅是按键。

• 支持常见的 Vim 命令,如:h, j, k, l, w, b, e, gg, G, 0, $, x, dd, dw, yy, p, i, a, o/O, cw, D, r,以及命令模式下的 :q, :wq

• 支持数字计数的操作(例如,3w, 2dd, 5x, 5G)。

• 提供撤销/重做功能(u, Ctrl+r)。

• 关卡完成需按下回车键。

关卡示例

1. 如何退出(命令模式):输入 :q:wq 然后按回车。

2. 基本移动:使用 h, j, k, l

3. 单词移动:使用 w, b, e

4. 行跳转:使用 gg, G

5. 插入模式:按 a 加输入后按 Esc

6. 删除基本操作:使用 dd, dw, x

7. 复制与粘贴:使用 yy, p

8. 行的开头和结尾:使用 0, $

9. 追加与换行:使用 a, o, O

10. 修改单词:使用 cw(然后输入,最后按 Esc)。

11. 删除到行尾与替换:使用 D, r

12. 数字计数:在命令前添加数字(例如,3w)。

13. 撤销/重做:删除后使用 u 进行撤销,再用 Ctrl+r 进行重做。

控制方式

• 导航:h 左,j 下,k 上,l 右。

• 单词:w 下一个,b 上一个,e 结束。

• 行:0 开头,$ 结束,gg 第一行,G 最后一行(或 nG 跳到第 n 行)。

• 插入:在光标处插入的 i、光标后追加的 a、在下新行的 o、在上新行的 O

• 删除:x 删除字符,dd 删除行,dw 删除单词,D 删除到行尾。

• 修改:cw 修改单词(删除单词并进入插入模式)。

• 替换:r 加任何可打印的字符(支持符号如 ! @ # < > &)。

• 数字计数:在命令前加数字(例如,3w, 2dd, 5x, 5G)。

• 撤销/重做:u 撤销,Ctrl+r 重做。

• 退出插入模式:按 Esc

挑战模式

挑战模式是一个快速游戏,旨在测试和提高用户在时间压力下的Vim命令记忆。用户需要尽快且准确地完成一系列命令任务。每个正确执行的命令都会得分,速度和准确性将决定最终分数。这种模式通过快速的挑战和实时反馈,使学习Vim命令既有趣又有效。

运行说明

无须构建步骤,只需克隆并打开相关文件。若本地文件访问受限,可以使用任何静态服务器进行服务。

技术栈

• 纯 HTML/CSS/JS

• 使用 Tailwind CDN 进行样式设置

• 无任何依赖和框架

贡献

欢迎提交问题和拉取请求!

• 相关文件包含所有逻辑和关卡定义。

• 保持代码可读性,避免添加重依赖。

• 偏好小而集中的关卡,以良好地教授单个概念。

许可证

MIT 许可证。


原文:https://github.com/renzorlive/vimmaster

评论:https://news.ycombinator.com/item?id=45041315

Report Page