【问题标题】:How to add semicolon to the end of the line in visual studio code如何在Visual Studio代码的行尾添加分号
【发布时间】:2015-07-19 01:06:02
【问题描述】:

我按Shift+Enter,但不起作用,Ctrl+Enter开始换行,但是不要在上一行的末尾添加分号。有捷径吗?

【问题讨论】:

  • 你还是按了 2 个键,那何必呢? ; + Enter 应该可以工作。
  • 你有没有找到答案......这令人恼火。您键入 (, 它会在结尾括号中添加 ) 和光标。那挺好的。然后你必须按 rightArrow+ ;右边的箭头很远:-(
  • 这是一件小事,但是当您习惯于在其他编辑器中不必为向右箭头或结束键伸展时,它确实会减慢您的速度。例如,在 Atom 我安装尾分号扩展并添加了 'ctrl-shift-enter': 'trailing-semicolon:semicolon-newline' 作为键盘快捷键。 WebStorm 默认有这个快捷方式。
  • 由于问题不正确,许多评论员感到困惑。 IntelliJ Idea 中的 Shift + Enter 不仅设置分号,还设置所有右括号等,即完成当前代码行的所有内容。
  • 对于那些认为不需要的人,textmate会添加分号并使用cmd+return自动转到下一行,这很有用:)

标签: visual-studio-code


【解决方案1】:

现在有一个扩展名为Colonize

Shift+Enter 在行尾插入分号并在同一行继续

Alt+Enter 在行尾插入分号并在新行继续

Ctrl+Alt+Enter 插入分号并保持在同一位置

【讨论】:

  • 这在 Visual Studio Keymap 扩展启用时不起作用。
  • 但是,如果您使用键盘快捷键并设置殖民化并跳转到换行符为 shift+enter。现在它就像 VS 一样工作。
  • 不知道这个扩展和快捷方式有什么用,当它们可以用;Enter来实现时。
  • @SukumarRdjf 在 vs 代码中,当您编写方法调用时,它会自动为您关闭 open 参数,并且您的光标在 ) 之前结束。现在如果你想写一个新的语句,你真的必须把你的右手从 jkl 上拿开;定位并单击末尾或右箭头键,然后将右手放回jkl;键入分号的位置。我使用 shift + enter,每条语句都可以为我节省大约半秒的时间来重新定位我的右手
  • Mac用户用选项替换Alt option+Enter 在行尾插入分号并继续新行 control+option+Enter 插入分号并保持在同一位置
【解决方案2】:

Visual Studio Code 似乎不直接支持通过键盘快捷键在行尾添加分号,这意味着它需要自定义扩展来支持它。幸运的是,Sergii Naumov 为我们创建了一个,命名为(恰当地)“尾随分号”。

要安装此扩展程序:

  1. 启动 Visual Studio 代码
  2. 按“Ctrl+P”(或 Mac 上的“Command+P”)
  3. 键入“ext install Trailing Semicolon”以搜索扩展名
  4. 在搜索框下方显示扩展程序的情况下,单击扩展程序右下角的安装扩展程序图标。 (这是一个箭头指向下方的云……)

您需要重新启动 Visual Studio Code 以启用扩展(一旦成功下载扩展,Visual Studio Code 会提示您重新启动。)

根据 Sergii 的说法,扩展的默认键绑定是“cmd+;”。在我的 Mac 上,这意味着按下“Command+;”,效果很好。

在我的 Windows 10 PC 上,我尝试了几个组合键(“Window+;”“Ctrl+;”“Alt+;”等),但没有任何效果。我打开了键盘快捷键首选项(文件 > 首选项 > 键盘快捷键)并搜索了新的扩展名。我发现它列在键绑定的末尾:

{ "key": "win+;",                 "command": "extension.trailing-semicolon",
                                  "when": "editorTextFocus" }

“win”键绑定显然不起作用。我将此绑定复制到 keybindings.json 文件,更改为“win+;”到 "ctrl+;"它就像一个魅力!

希望对您有所帮助。

【讨论】:

  • 完美! “Windows+;”组合在 Windows 上运行良好 OOTB
  • 完美!在 linux、kubuntu 18.04 KDE plasm 中工作。
【解决方案3】:

我写了一个扩展来模仿 IntelliJ 的完整语句。 按ctrl+;(Mac 上为cmd+;)将; 附加到行尾, 并将光标移动到行尾。 如果该行已经以; 结束,按ctrl+; 只会将光标移动到行尾。

还有对完整结构的实验性支持,例如 classinterfacefunctionifswitchforwhile。 (不了解语言的语义,因此可能无法按您的预期工作。)

您可以在GitHub 将其安装为 VSIX。

vscode marketplace 版本已过时。 (很遗憾我的 M$ 帐户已被暂停,因此无法更新。)

【讨论】:

    【解决方案4】:

    我找不到默认的方法。我只能尽力而为。

    我最终通过 File>Preferences>Keyboard Shortcuts 添加了一个绑定,然后按 ;快捷方式之后。有分号是绑定的一部分,我可以得到尽可能接近......至少我的手指已经在那个键上

    // Place your key bindings in this file to overwrite the defaults
    [
        {
            "key": "ctrl+;",
            "command": "cursorEnd",
            "when": "editorTextFocus"
        }
    ]
    

    这只是意味着 Ctrl+;将您带到行尾,然后点击 ;再次。

    更新(2021 年 5 月)

    几个月前开始使用VSCode Vim 键绑定扩展。强烈推荐它。出于兴趣,该行的分号结尾是A;,带有vim键⌨️

    【讨论】:

    • 在带有 Cmd+Space 的 Sublime Text 中使用了类似的东西,但这在 VS Code 中更好。效果很好。
    • @Jordan 我从其他一些答案中看到这里有一个分号扩展名,但对我来说是 Ctrl+;到行尾运行良好。我还添加了另一组很好的快捷键:Alt+jkli 是我的箭头方向键。这样我就可以四处走动,而不必将手“交叉”到箭头键上
    • 如果您要这样做,为什么不使用 CTRL-E(cursorLineEnd 的默认绑定)或 CMD-右箭头(cursorEnd 的默认绑定)?
    • @Quantum7 我想避免使用箭头键,以及我无法触摸的任何 cmd/ctrl 组合键(我从不使用正确的 ctrl 键)。 Vim 键绑定无论如何都解决了这些问题
    【解决方案5】:

    尝试安装以下分机,然后使用快捷方式:Ctr+; (Cmd+;)

    【讨论】:

    • 这真的是一个很好的插件,我已经测试过其他的,这个真的像预期的那样工作
    【解决方案6】:

    2021 年

    设置 >搜索冒号 您会发现 插入分号的 javascript 选项。

    【讨论】:

      【解决方案7】:

      我刚开始使用 Visual Studio Code,昨天自己也感受到了这个需求。经过快速的谷歌搜索后,我发现了这个名为“Prettier”的不错的扩展。作为 VSCode 的新手,我花了几个小时来完成所有设置,但现在它就像一个魅力。这是步骤和我的设置。我希望它可以帮助其他人。

      我的编码环境:在 Windows 10 桌面环境上运行的 VSCode 连接到我在运行 Ubuntu 服务器 18.04 的开发机器上托管的代码库 SMB 共享。

      解决步骤

      • 在 Windows 桌面上安装node
      • 运行,npm install -g prettier
      • 在 VSCode 中安装 Prettier 扩展
      • 编辑 VSCode 的 settings.json 文件并添加以下内容

            "editor.defaultFormatter": "esbenp.prettier-vscode",
             "[javascript]": {
                  "editor.defaultFormatter": "esbenp.prettier-vscode"
             }
            // Set the default
            "editor.formatOnSave": true
        
      • .prettierrc 文件添加到ubuntu 主机上我的代码库的根目录(例如:/var/www/html/tutorials),具有以下基本样式配置

          {
            "semi": true,
            "trailingComma": "all",
            "singleQuote": true,
            "printWidth": 80
          }
      
      • 重启VSCode并打开代码文件
      • 使用现有的 VSCode 键盘快捷键将格式应用于整个文件 (Ctrl+K Ctrl+F) 或选择 (Shift+Alt+F)
      • 或者只需保存文件Ctrl+S 即可在保存文件的同时添加格式,无需额外工作
      • 中提琴!

      【讨论】:

        【解决方案8】:

        Ctrl+Shift+P 并打开 Preferences:Open keyboard shortcuts (JSON) in VS Code

        插入

        {
            "key": "tab",
            "command":"cursorEnd",
            "when":"editorTextFocus"
        }
        

        tab 是可选的,ofc。 把你想要的任何东西放在键盘上。

        【讨论】:

        • Ctrl+Shift+P 在我的 mac 上的 vscode 上什么也没做(vscode 有成千上万的键盘快捷键和不一致的行为,而且它是如此可定制,以至于默认行为很糟糕......)/rant
        【解决方案9】:

        我知道这是一篇很老的帖子,但 Prettier - vs code 的代码格式化程序添加了分号(在其他格式中)。

        ext install esbenp.prettier-vscode
        

        【讨论】:

        • 它仅适用于 Prettier 支持的部分语言。
        【解决方案10】:

        简短回答:

        Shift+Enter

        长答案:

        作为 ST7 mentioned,您可以添加 Colonize 扩展,但显然 Visual Studio(我目前使用的是 2017)默认包含 Shift+Enter 快捷方式,与殖民化不同,它继续行。

        【讨论】:

          【解决方案11】:

          如果您需要使用 vscode 在 Javascript/Typescript 上使用分号,请执行以下操作:

          设置

          键入“分号”

          您将拥有 Javascript 和 Typscript 的选项

          根据需要选择“插入”选项

          您还可以为 css、less 或 scss 选择分号

          /*******/

          您可以选择“显示匹配的扩展程序”并就解决相同问题的扩展程序获得一些额外帮助。

          【讨论】:

          • 我确实看到了 VSCode 中的设置,使他们能够输入“插入”,但它仍然什么也不做......你知道为什么吗?
          【解决方案12】:

          它位于 Visual Studio 的首选项中。来自sbi's answer here:的解决方案

          • 转到Tools/Options/Environment/Keyboard
          • 将“使用新快捷方式:”下拉菜单切换为“文本编辑器”。
          • 选择Edit.BreakLine 命令。
          • Press shortcut keys 编辑窗格中按Shift+Enter

          为我工作!

          【讨论】:

          • Moti,以防万一,您可以删除您的“答案”,它可能会从您的帐户中删除反对票。
          • 我投了赞成票,因为我正在寻找 VS :)。谢谢老哥
          猜你喜欢
          • 1970-01-01
          • 2021-12-27
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2015-11-05
          • 2019-11-20
          相关资源
          最近更新 更多