返回术语

界面图鉴

命令面板Command Palette

你可能会问

命令面板到底是什么?它和页面上普通的搜索框有什么不一样?

简单来说

按 ⌘K 呼出的搜索框,打几个字就能直达任何页面或动作,是熟手的快捷通道。

01 · 拆开看看

这一块由什么组成

它从代码编辑器来:按一下快捷键,弹出一个输入框,打几个字,页面、设置、动作全在一列里等你回车。你正在看的这个站,按 ⌘K 就能试到。跟普通搜索框的区别——它不只找内容,还能直接「做事」。组成:

  1. 快捷键Shortcut

    ⌘K 或 Ctrl+K 唤起,键盘不用离开。

  2. 输入框Input

    打开就自动聚焦,边打边筛。

  3. 结果列表Results

    页面、动作、最近访问混排,每项带图标说明类型。

  4. 高亮项Active

    上下键移动、回车执行,鼠标只是备选。

  5. 按键提示Hints

    底部一行「↑↓ 选择 · ↵ 打开 · esc 关闭」,新手也能上手。

02 · 常见变体

同一个零件,几种摆法

搜索型

只列页面和内容,本质是浮起来的站内搜索。

动作型

每项都是动词,输入「>」进入命令模式。

分组型

最近访问、页面、动作分段列出,一眼分清。

03 · 火眼金睛

这个页面里,哪一个是 Command Palette?

三个都能「打字然后选一个」,但只有一个能直接替你做事。

点一块试试,看看它叫什么

04 · 用与不用

什么时候该上它

适合
  • 页面多、动作多的工具型产品
  • 给熟手一条键盘快车道
  • 把散落各处的入口收成一个
先别用
  • 内容站的主搜索——普通搜索框更直观
  • 新手的唯一入口——没人知道要按 ⌘K
  • 只有三五个页面的小站

05 · 想一想

一道题,检查眼力

你想让熟手在三秒内跳到任何一页、执行任何动作,用什么?

06 · 说给 AI 听

让 AI 改它时,这样说

把「能搜什么」列清楚——页面?动作?最近访问?——再要求键盘操作完整,AI 就不会只给你一个会跳转的搜索框。

加一个 ⌘K 命令面板,能搜索所有页面并跳转

命令面板里除了页面,也列出「新建文档」「切换深色模式」这类动作

结果列表支持上下键选择、回车打开、Esc 关闭

导航栏右侧放一个「搜索 ⌘K」按钮,点它也能打开命令面板

老师提醒

最容易踩的坑

⌘K 是隐藏入口,新用户根本不知道它存在。页面上一定要留一个看得见的按钮或提示,否则再好用也是白做。

⌘K搜索知识库

最近收录

正在载入知识索引…