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 许可证。