界面图鉴
命令面板Command Palette
命令面板到底是什么?它和页面上普通的搜索框有什么不一样?
按 ⌘K 呼出的搜索框,打几个字就能直达任何页面或动作,是熟手的快捷通道。
01 · 拆开看看
这一块由什么组成
它从代码编辑器来:按一下快捷键,弹出一个输入框,打几个字,页面、设置、动作全在一列里等你回车。你正在看的这个站,按 ⌘K 就能试到。跟普通搜索框的区别——它不只找内容,还能直接「做事」。组成:
快捷键Shortcut
⌘K 或 Ctrl+K 唤起,键盘不用离开。
输入框Input
打开就自动聚焦,边打边筛。
结果列表Results
页面、动作、最近访问混排,每项带图标说明类型。
高亮项Active
上下键移动、回车执行,鼠标只是备选。
按键提示Hints
底部一行「↑↓ 选择 · ↵ 打开 · esc 关闭」,新手也能上手。
02 · 常见变体
同一个零件,几种摆法
只列页面和内容,本质是浮起来的站内搜索。
每项都是动词,输入「>」进入命令模式。
最近访问、页面、动作分段列出,一眼分清。
03 · 火眼金睛
这个页面里,哪一个是 Command Palette?
三个都能「打字然后选一个」,但只有一个能直接替你做事。
点一块试试,看看它叫什么
不是它。普通搜索框只找内容,找到了还得自己点进去;它也不会跳出来盖住页面。
不是它。Select 只在预设的几个值里挑一个,没有输入框,更不会执行动作。
就是它!按 ⌘K 浮出来,打两个字,页面和动作混在一列里,回车直接到位。
04 · 用与不用
什么时候该上它
- 页面多、动作多的工具型产品
- 给熟手一条键盘快车道
- 把散落各处的入口收成一个
- 内容站的主搜索——普通搜索框更直观
- 新手的唯一入口——没人知道要按 ⌘K
- 只有三五个页面的小站
05 · 想一想
一道题,检查眼力
你想让熟手在三秒内跳到任何一页、执行任何动作,用什么?
对。键盘不离手,页面和动作全在一列里,这就是它存在的意义。
入口越多导航越挤,最后谁也找不到谁。导航栏只该放最主要的几个。
普通搜索只找内容,不能「切换深色模式」「新建文档」——它执行不了动作。
06 · 说给 AI 听
让 AI 改它时,这样说
把「能搜什么」列清楚——页面?动作?最近访问?——再要求键盘操作完整,AI 就不会只给你一个会跳转的搜索框。
加一个 ⌘K 命令面板,能搜索所有页面并跳转
命令面板里除了页面,也列出「新建文档」「切换深色模式」这类动作
结果列表支持上下键选择、回车打开、Esc 关闭
导航栏右侧放一个「搜索 ⌘K」按钮,点它也能打开命令面板
最容易踩的坑
⌘K 是隐藏入口,新用户根本不知道它存在。页面上一定要留一个看得见的按钮或提示,否则再好用也是白做。