VS Code-为粗体，斜体，下划线创建键盘快捷方式

Question

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

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

在Sublime Text中，它是这样完成的：

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

什么是VS代码等效项？

Answer 1

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

打开 keybindings.json 文件

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

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

选择正确的绑定

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

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

As you can see on the picture, for a HTML file, when a text is selected, there is no major collision except the Toggle Side Bar shortcut which will not work when a text is selected in a HTML file.但这不是问题，取消选择文本，您现在可以切换 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，您的单词将被标签自动换行。

希望我的回答对你有帮助?