浏览帮助文章

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保存后新建空白模板(未登录时提示登录)

新建 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 行为不变。