VS Code 如何创建自定义快捷方式/代码片段？

Question

为我每次使用的方法创建自定义快捷方式的最简单方法是什么？
喜欢dd（） log :: info（）或console.log（）。

让我确切说明我想要的快捷方式的行为：

1. 我想选择我想要的变量的
2. 变量键盘shorcut
3. brew a line
4. passt passt passt the Spteding aptical变量

Answer 1

编辑2024：

我的快捷方式断开，也许是由于更新，这是修复我的快捷方式的新方法，但请考虑以前在同一帖子中使用旧方法来解释Bellow。

0. （先决条件）安装多命令VSCODE扩展。
1. 在项目的根部创建“ /.vscode/settings.json”。它将包含您的命令。

这是我的：

        {
            "multiCommand.commands": [
    
                // (ctrl+2) Only prints methode, usefull if you want to write something
                {
                    "command": "multiCommand.console.log.1",
                    "sequence": [
                        "editor.action.insertLineAfter",
                        {
                            "command": "editor.action.insertSnippet",
                            "args": {
                                "snippet": "console.log(\"-> $0\")"
                            }
                        },
                    ]
                },
        
                {
                    "command": "multiCommand.log.info.1",
                    "sequence": [
                        "editor.action.insertLineAfter",
                        {
                            "command": "editor.action.insertSnippet",
                            "args": {
                                "snippet": "Log::info(\"-> $0\");"
                            }
                        },
                    ]
                },
    
            // (ctrl+3) Select your variable before activating the shortcut, it will place the selection in the right spot automatically
            {
                "command": "multiCommand.console.log.2",
                "sequence": [
                    "editor.action.clipboardCopyAction",
                    "editor.action.insertLineAfter",
                    {
                        "command": "editor.action.insertSnippet",
                        "args": {
                            "snippet": "console.log(\"$CLIPBOARD$0 : \", $CLIPBOARD$0)\n"
                        }
                    },
                ]
            },
    
            {
                "command": "multiCommand.log.info.2",
                "sequence": [
                    "editor.action.clipboardCopyAction",
                    "editor.action.insertLineAfter",
                    {
                        "command": "editor.action.insertSnippet",
                        "args": {
                            "snippet": "Log::info(\"$CLIPBOARD$0 : \" . $CLIPBOARD$0);"
                        }
                    },
                ]
            },
    
            // (ctrl+4) PHP Log::info(array)
            {
                "command": "multiCommand.log.info.3",
                "sequence": [
                    "editor.action.clipboardCopyAction",
                    "editor.action.insertLineAfter",
                    {
                        "command": "editor.action.insertSnippet",
                        "args": {
                            "snippet": "Log::info(\"$CLIPBOARD$0 : \" . json_encode($CLIPBOARD$0));"
                        }
                    },
                ]
            },

            // (cltr+5) classic dd() with variable in php
            {
                "command": "multiCommand.dd.2",
                "sequence": [
                    "editor.action.clipboardCopyAction",
                    "editor.action.insertLineAfter",
                    {
                        "command": "editor.action.insertSnippet",
                        "args": {
                            "snippet": "dd($CLIPBOARD$0);"
                        }
                    },
                ]
            },
            ],
            "makefile.configureOnOpen": false
        }

2. 现在您必须将这些命令绑定到VSCODE快捷方式。

Open（Windows）C：\ USER \ Yourusername \ AppData \ roaming \ code \ code \ user \ keybindings.json ，并使用targetting命令名称添加快捷方式keybinding。

请注意，我正在使用选项时，当>时，这使您可以具有相同的快捷键，但是根据文件扩展名（如果您执行php或js或...），则使用不同的命令绑定。

这是我的：

[
    {
        "key": "ctrl+2",
        "command": "multiCommand.console.log.1",
        "when": "editorLangId == javascript || editorLangId == vue"
    },
    {
        "key": "ctrl+2",
        "command": "multiCommand.log.info.1",
        "when": "editorLangId == php"
    },
    {
        "key": "ctrl+3",
        "command": "multiCommand.console.log.2",
        "when": "editorLangId == javascript || editorLangId == vue"
    },
    {
        "key": "ctrl+3",
        "command": "multiCommand.log.info.2",
        "when": "editorLangId == php"
    },

    {
        "key": "ctrl+4",
        "command": "multiCommand.console.log.3",
        "when": "editorLangId == javascript || editorLangId == vue"
    },
    {
        "key": "ctrl+4",
        "command": "multiCommand.log.info.3",
        "when": "editorLangId == php"
    },

    {
        "key": "ctrl+5",
        "command": "multiCommand.dd.2",
        "when": "editorLangId == php"
    },

所以现在每次我按ctrl + 2我插入log :: info :: info（） for php文件或console.log（）用于JavaScript和Vue。这确实可以帮助您减少必须记住的快捷方式！

PS：我认为我拥有c：\ users \ yourusername \ appdata \ roaming \ code \ code \ user \ settings.json不再使用的旧文件。

旧方法，

我提出了这个解决方案，这要感谢@mark在评论中，与此线程有关：我如何使用vscode在新行上插入摘要？

1. 安装多核vscomand vscode扩展名
2. 打开扩展的设置，然后单击<<<<代码>在设置中编辑
   
3. 实现您的快捷方式代码（例如console.log（））

    "multiCommand.commands": [
        
        {
            "command": "multiCommand.console.log",
        
            "sequence": [
                "editor.action.clipboardCopyAction",
                "editor.action.insertLineAfter",
                {
                "command": "editor.action.insertSnippet",
                "args": {
                    "snippet": "console.log(\"$CLIPBOARD: \", $CLIPBOARD)\n$0"
                }
                },
            ]
        },

4. 然后在VSCODE中转到首选项 - ＆gt;键盘快捷键，打开键键。
   

5. 添加路径绑定命令

// (new version 2024)
{
    "key": "ctrl+1", 
    "command": "multiCommand.console.log" 
}

// (old version)
{
    "key": "ctrl+1",
    "command": "extension.multiCommand.execute",
    "args": { "command": "multiCommand.console.log" }
}

Answer 2

如果我正确理解您的问题，您可能只需使用 $0 来显示光标的结束位置，并使用 \n 插入换行符。

但是，我不完全确定这在从键盘快捷键文件创建代码片段时是否有效，但它可以从代码片段文件中起作用，所以我假设它可以在这里工作。

Answer 3

为了简化文件操作，这里是Linux上的文件位置路径
settings.json和keybindings.json in/home/username/.config/code/user

我使用过的“ ctrl+alt+alt+p” for print（）
and log.debug（）的“ ctrl+alt+l”，log声明为log = logging.getLogger（__ name __） -logging-right-way/“ rel =“ nofollow noreferrer”>在此处描述

settings.json content

{
    "workbench.colorTheme": "Visual Studio Light",
    "git.enableSmartCommit": true,
    "git.autofetch": true,
    "git.confirmSync": false,
    "diffEditor.ignoreTrimWhitespace": true,
    "files.trimTrailingWhitespace": true,
    "editor.minimap.enabled": false,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "terminal.integrated.defaultProfile.osx": "bash",
    "terminal.integrated.profiles.osx": {
      "bash": {
        "path": "bash",
        "args": ["--login"]
      }
    },
    "git.openRepositoryInParentFolders": "never",
    "javascript.updateImportsOnFileMove.enabled": "always",
    "workbench.tree.enableStickyScroll": false,
    "editor.stickyScroll.scrollWithEditor": false,
    "editor.stickyScroll.enabled": false,
    "diffEditor.hideUnchangedRegions.enabled": true,
    "multiCommand.commands": [
      {
        "command": "multiCommand.printVariable",

        "sequence": [
          "editor.action.clipboardCopyAction",
          "editor.action.insertLineAfter",
          {
            "command": "type",
            "args": {
              "text": "print(f'"
            }
          },
          "editor.action.clipboardPasteAction",
          {
            "command": "type",
            "args": {
              "text": ": {"
            }
          },
          "editor.action.clipboardPasteAction",
          {
            "command": "type",
            "args": {
              "text": "}')"
            }
          },
        ]
      },
      {
        "command": "multiCommand.logVariable",

        "sequence": [
          "editor.action.clipboardCopyAction",
          "editor.action.insertLineAfter",
          {
            "command": "type",
            "args": {
              "text": "LOG.debug(f'"
            }
          },
          "editor.action.clipboardPasteAction",
          {
            "command": "type",
            "args": {
              "text": ": {"
            }
          },
          "editor.action.clipboardPasteAction",
          {
            "command": "type",
            "args": {
              "text": "}')"
            }
          },
        ]
      }
    ]
}

keybindings.json content

// Place your key bindings in this file to override the defaults
[
    {
        "key": "ctrl+alt+p",
        "command": "multiCommand.printVariable",
    },
    {
        "key": "ctrl+alt+l",
        "command": "multiCommand.logVariable",
    }
]