Vim 键位
在 HTML/CSS/JS 编辑器中使用 Vim 导航、命令行与 Ex 命令。
开启 Vim 模式
打开编辑器设置 →「编辑器」标签,启用「Vim 键位」。对 HTML、CSS、JavaScript 面板均生效;随时关闭即可恢复默认 Monaco 编辑体验。
模式与状态栏
启用后,当前聚焦的编辑器底部会显示状态栏。-- NORMAL -- 表示 Normal 模式(移动与命令);按 i 或 a 进入 Insert 模式,Esc 回到 Normal;v 进入 Visual 模式进行字符级选区操作。
命令行
Normal 模式下按 : 打开 Ex 命令行(输入时左下角模式标签会隐藏)。输入命令后回车执行,Esc 取消。也可用 / 与 ? 在当前缓冲内向前或向后搜索。
平台 Ex 命令
Pixorla 在 monaco-vim 之上提供保存、格式化、运行、查找、CDN 库与新建等命令。在 : 后输入完整命令名或短别名:
| 命令 | 别名 | 作用 |
|---|---|---|
| :write | :w | 保存 Fiddle(与编辑器聚焦时的保存快捷键相同) |
| :format | :format | 格式化当前编辑器 |
| :run | :ru | 运行预览 |
| :find | :fin | 打开查找框 |
| :pixcdn | :pixcdn | 打开 CDN 库搜索弹窗(与自定义指令 pixcdn 相同) |
| :new! | :new! | 不保存,直接空白模板 |
| :new | :new | 保存后新建空白模板(未登录时提示登录) |
搜索与替换
用 /pattern、?pattern 在当前文件内搜索。:s/old/new/ 替换下一处匹配;:noh 清除搜索高亮。:fin 打开 Monaco 查找框(与编辑器查找快捷键相同)。
新建 Fiddle
:new 在已登录时会先将当前作品保存到云端,再加载空白模板;未登录则弹出登录框。:new! 不保存、不确认,直接加载空白模板。
中文输入法
Normal / Visual 模式下会暂时关闭系统输入法,以便 hjkl 等键位交给 Vim。中文组合输入过程中,仍可用 :、/、? 打开命令行或搜索。需要正常中文输入时请按 i 进入 Insert 模式。
限制说明
网页编辑器不提供退出类 Ex 命令与宏录制。平台快捷键(运行、保存、格式化、补全、Emmet Tab 展开)与 Vim 可同时使用。
- 不支持 :q、:wq、:x — 请用浏览器标签或应用内导航离开页面。
- 不支持宏录制与回放(q / @ / @@)。
- 补全菜单打开时,Esc 先关闭菜单并留在 Insert;菜单关闭后再按 Esc 回到 Normal。
- Ctrl/⌘+Enter(运行)、保存、Ctrl/Control+Space 补全与 Emmet 行为不变。