VS Code - 创建粗体、斜体、下划线的键盘快捷键

Question

首先，我知道 Emmet 如何将文本包装在任何内容中。我知道如何映射键盘快捷键来调用 Emmet 的换行。但是，我正在寻找更快的东西。

strong例如，在 VS Code 中，如何创建键盘快捷键以将 HTML 文本包装在标签内？假设您想将其映射到cmd-alt-b.

在 Sublime Text 中是这样实现的：

{"keys": ["option+super+b"], "command": "insert_snippet", "args": {"contents": "<strong>${1:$SELECTION}</strong>$0"}}

VS Code 的等效项是什么？

Answer 1

这是关于如何使用快捷方式换行所选单词的完整详细答案。

打开 keybindings.json 文件

转到“文件”>“首选项”>“键盘快捷键”（在 macOS 上为“代码”>“首选项”>“键盘快捷键”）以打开“键盘快捷键”选项卡。

然后单击 JSON 图标以打开 keybindings.json 文件。

选择正确的绑定

当然，要将文本加粗，最合适的键盘快捷键是ctrl+b。但是，此键盘快捷键可能会与另一个键盘快捷键发生冲突。

您可以通过在搜索栏中搜索快捷方式来检查快捷方式是否安全。

正如您在图片中看到的，对于 HTML 文件，当选择文本时，除了“切换侧边栏”快捷方式在 HTML 文件中选择文本时不起作用之外，没有重大冲突。但这不是问题，取消选择文本，您现在就可以切换 VS Code 侧栏。

放置您的按键绑定

文件打开后，将 JSON 键绑定插入括号内。

这是我的，它将包含用标签选择的单词：

{
    "key":"ctrl+b",
    "scope":"html",
    "command":"editor.action.insertSnippet",
    "when":"editorTextFocus && editorLangId == 'html'",
    "args":{
        "snippet":"<strong>$TM_SELECTED_TEXT</strong>$0"
    }
}

您可以用所需的标签包裹包装标签。

保存文件并打开 HTML 文件，然后选择一个单词并按ctrl+b，您的单词将自动用标签包裹。

希望我的回答对你有帮助