命令
命令在 Visual Studio Code 中触发操作。如果您曾经配置过按键绑定,那么您就使用过命令。命令也由扩展使用,以向用户公开功能,绑定到 VS Code UI 中的操作,并实现内部逻辑。
使用命令
VS Code 包含大量内置命令,您可以使用它们与编辑器交互、控制用户界面或执行后台操作。许多扩展还将它们的核心功能公开为命令,用户和其他扩展可以利用这些命令。
以编程方式执行命令
vscode.commands.executeCommand
API 以编程方式执行命令。这允许您使用 VS Code 的内置功能,并构建在 VS Code 内置的 Git 和 Markdown 扩展等扩展之上。
例如,editor.action.addCommentLine
命令会注释活动文本编辑器中当前选定的行
import * as vscode from 'vscode';
function commentLine() {
vscode.commands.executeCommand('editor.action.addCommentLine');
}
某些命令接受控制其行为的参数。命令也可能返回结果。例如,类似 API 的 vscode.executeDefinitionProvider
命令会查询文档中给定位置的定义。它接受文档 URI 和位置作为参数,并返回一个包含定义列表的 Promise
import * as vscode from 'vscode';
async function printDefinitionsForActiveEditor() {
const activeEditor = vscode.window.activeTextEditor;
if (!activeEditor) {
return;
}
const definitions = await vscode.commands.executeCommand<vscode.Location[]>(
'vscode.executeDefinitionProvider',
activeEditor.document.uri,
activeEditor.selection.active
);
for (const definition of definitions) {
console.log(definition);
}
}
查找可用命令
命令 URI
命令 URI 是执行给定命令的链接。它们可以用作悬停文本、完成项详细信息或 Webview 内的可点击链接。
命令 URI 使用 command
方案,后跟命令名称。例如,editor.action.addCommentLine
命令的命令 URI 是 command:editor.action.addCommentLine
。这是一个悬停提供程序,它在活动文本编辑器当前行的注释中显示一个链接
import * as vscode from 'vscode';
export function activate(context: vscode.ExtensionContext) {
vscode.languages.registerHoverProvider(
'javascript',
new (class implements vscode.HoverProvider {
provideHover(
_document: vscode.TextDocument,
_position: vscode.Position,
_token: vscode.CancellationToken
): vscode.ProviderResult<vscode.Hover> {
const commentCommandUri = vscode.Uri.parse(`command:editor.action.addCommentLine`);
const contents = new vscode.MarkdownString(`[Add comment](${commentCommandUri})`);
// To enable command URIs in Markdown content, you must set the `isTrusted` flag.
// When creating trusted Markdown string, make sure to properly sanitize all the
// input content so that only expected command URIs can be executed
contents.isTrusted = true;
return new vscode.Hover(contents);
}
})()
);
}
传递给命令的参数列表将作为已正确 URI 编码的 JSON 数组传递:以下示例使用 git.stage
命令创建一个悬停链接,该链接暂存当前文件
import * as vscode from 'vscode';
export function activate(context: vscode.ExtensionContext) {
vscode.languages.registerHoverProvider(
'javascript',
new (class implements vscode.HoverProvider {
provideHover(
document: vscode.TextDocument,
_position: vscode.Position,
_token: vscode.CancellationToken
): vscode.ProviderResult<vscode.Hover> {
const args = [{ resourceUri: document.uri }];
const stageCommandUri = vscode.Uri.parse(
`command:git.stage?${encodeURIComponent(JSON.stringify(args))}`
);
const contents = new vscode.MarkdownString(`[Stage file](${stageCommandUri})`);
contents.isTrusted = true;
return new vscode.Hover(contents);
}
})()
);
}
您可以通过在创建 webview 时在 WebviewOptions
中设置 enableCommandUris
来在 webview 中启用命令 URI。
创建新命令
注册命令
vscode.commands.registerCommand
将命令 ID 绑定到扩展中的处理程序函数
import * as vscode from 'vscode';
export function activate(context: vscode.ExtensionContext) {
const command = 'myExtension.sayHello';
const commandHandler = (name: string = 'world') => {
console.log(`Hello ${name}!!!`);
};
context.subscriptions.push(vscode.commands.registerCommand(command, commandHandler));
}
每当执行 myExtension.sayHello
命令时,无论是以编程方式使用 executeCommand
、从 VS Code UI 中执行还是通过按键绑定执行,都将调用处理程序函数。
创建面向用户的命令
vscode.commands.registerCommand
仅将命令 ID 绑定到处理程序函数。要在命令面板中公开此命令,以便用户可以发现它,您还需要在扩展的 package.json
中添加相应的命令 contribution
{
"contributes": {
"commands": [
{
"command": "myExtension.sayHello",
"title": "Say Hello"
}
]
}
}
commands
contribution 告诉 VS Code 您的扩展提供了给定的命令,并且当调用该命令时应该激活,并且还允许您控制该命令在 UI 中的显示方式。现在我们的命令将显示在命令面板中
现在,当用户首次从命令面板或通过按键绑定调用 myExtension.sayHello
命令时,扩展程序将被激活,并且 registerCommand
会将 myExtension.sayHello
绑定到正确的处理程序。
注意:目标 VS Code 1.74.0 之前的版本的扩展程序必须为所有面向用户的命令显式注册一个
onCommand
activationEvent
,以便扩展程序激活并执行registerCommand
{ "activationEvents": ["onCommand:myExtension.sayHello"] }
您不需要为内部命令使用 onCommand
激活事件,但您必须为以下任何命令定义它们:
- 可以使用命令面板调用的命令。
- 可以使用按键绑定调用的命令。
- 可以通过 VS Code UI 调用的命令,例如通过编辑器标题栏。
- 旨在作为其他扩展程序使用的 API。
控制命令在命令面板中的显示时间
默认情况下,通过 package.json
的 commands
部分贡献的所有面向用户的命令都会显示在命令面板中。但是,许多命令仅在某些情况下相关,例如当存在给定语言的活动文本编辑器时,或当用户设置了某个配置选项时。
menus.commandPalette
贡献点允许您限制命令在命令面板中显示的时间。它采用目标命令的 ID 和一个 when 子句,该子句控制何时显示该命令
{
"contributes": {
"menus": {
"commandPalette": [
{
"command": "myExtension.sayHello",
"when": "editorLangId == markdown"
}
]
}
}
}
现在,只有当用户位于 Markdown 文件中时,myExtension.sayHello
命令才会显示在命令面板中。
启用命令
命令通过 enablement
属性支持启用 - 其值是 when 子句。启用适用于所有菜单和注册的按键绑定。
注意:
enablement
和菜单项的when
条件之间存在语义重叠。后者用于防止菜单中出现大量禁用的项。例如,分析 JavaScript 正则表达式的命令应该在文件是 JavaScript 时显示,并且只有当光标位于正则表达式上时才启用。when
子句通过不显示其他所有语言文件的命令来防止混乱。强烈建议防止菜单混乱。
最后,显示命令的菜单(如命令面板或上下文菜单)实现了不同的处理启用方式。编辑器和资源管理器上下文菜单呈现启用/禁用项,而命令面板会过滤它们。
使用自定义 when 子句上下文
如果您正在编写自己的 VS Code 扩展,并且需要使用 when
子句上下文启用/禁用命令、菜单或视图,并且没有现有的键适合您的需求,那么您可以添加自己的上下文。
以下第一个示例将键 myExtension.showMyCommand
设置为 true,您可以在命令的启用中或使用 when
属性中使用它。第二个示例存储一个值,您可以使用 when
子句来检查打开的有趣内容的数量是否大于 2。
vscode.commands.executeCommand('setContext', 'myExtension.showMyCommand', true);
vscode.commands.executeCommand('setContext', 'myExtension.numberOfCoolOpenThings', 2);