Visual Studio Code中实现移到行尾加分号或逗号并换行

Winrich2024-08-19 8:24

最近因项目需要，IDE由Visual Studio 2022换成了Visual Studio Code，语言也由C#换成了Dart。总体感觉在逐渐适应中，不过还是有些小细节不吐不快。

比如在编码过程中，在下面这种情况，我们按下【tab】后，光标会自动移到行尾，我们直接回车就可以完成本行代码输入。

不愧是老牌IDE，对于这种录入小细节的便捷性处理还是很贴心的。

然而，在Visual Studio Code中，当录入代码时的光标还在小括号内，如果要想快速完成输入。要按下【end】+";"，或者【end】+","才可以。如图：

我们希望按下快捷键，让光标自动移动到行尾，自动录入分号或逗号。

解决方案：

1.打开插件面板，找到multi-command，并安装。

2.按下【ctrl】+【shift】+P，输入keyboard，点击下面菜单：

3.在kedbindings.json的[]中输入

{  
  "key": "ctrl+;",  
  "command": "extension.multiCommand.execute",  
  "args": {  
    "sequence": [  
      {  
        "command": "cursorEnd"  
      },  
      {  
        "command": "type",  
        "args": {  
          "text": ";"  
        }  
      },  
      {  
        "command": "editor.action.insertLineAfter"  
      }  
    ]  
  },  
  "when": "editorTextFocus"  
},  
{  
  "key": "ctrl+,",  
  "command": "extension.multiCommand.execute",  
  "args": {  
    "sequence": [  
      {  
        "command": "cursorEnd"  
      },  
      {  
        "command": "type",  
        "args": {  
          "text": ","  
        }  
      },  
      {  
        "command": "editor.action.insertLineAfter"  
      }  
    ]  
  },  
  "when": "editorTextFocus"  
}

4.【ctrl】+";"或【ctrl】+","，即可实现自动输入逗号或分号并回车。