如何在 Visual Studio 代碼中的行尾添加分號

Question

我按Shift + Enter ，但不起作用， Ctrl + Enter開始新行，但不在上一行的末尾添加分號。 有捷徑嗎？

Answer 1

現在有一個名為Colonize的擴展：

Shift + Enter在行尾插入分號並在同一行繼續

Alt + Enter在行尾插入分號並在新行繼續

Ctrl + Alt + Enter插入分號並保持在同一位置

Answer 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+;" 它就像一個魅力！

希望有幫助。

Answer 3

我寫了一個擴展來模仿 IntelliJ 的完整聲明。 按ctrl+; ( cmd+;在 mac 上) 附加; 到行尾，並將光標移動到行尾。 如果該行已經以;結尾 , 按ctrl+; 只是將光標移動到行尾。

還有對完整結構的實驗性支持，例如class 、 interface 、 function 、 if 、 switch 、 for和while 。 （不了解語言的語義，因此它可能無法按您的預期工作。）

您可以在GitHub將其安裝為 VSIX。

vscode 市場版本已過時。 （不幸的是，我的 M$ 帳戶已被暫停，因此我無法更新。）

Answer 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 鍵⌨️

Answer 5

2021 年

設置> 搜索冒號您將找到一個用於插入分號的 javascript 選項。

Answer 6

嘗試安裝以下分機，然后使用快捷方式： Ctr+; (Cmd+;)

Answer 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添加格式，同時保存文件，無需額外工作
• 中提琴！

Answer 8

我知道這是一篇很老的帖子，但 Prettier - vs code 的代碼格式化程序添加了分號（在其他格式中）。

ext install esbenp.prettier-vscode

Answer 9

（2022 年 3 月）可以自動添加缺少的分號，而無需擴展名（* 帶有一點點 ;）每次格式化代碼時都會添加它們。

轉到設置：如果您正在編寫 javascript，請查找此設置：

和/或轉到設置：如果您正在編寫打字稿，請查找此設置： 轉到設置：如果您正在編寫 javascript，請查找此設置：

格式化您的代碼並添加分號 \o/ 是的

*問題：正如設置所說：您的工作區需要有 typescript 3.7 或更高版本。

Answer 10

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

並插入

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

tab是可選的，ofc。 把你想要的任何東西放在鍵盤上的鍵上。

Answer 11

簡短回答：

Shift +輸入

長答案：

正如 ST7提到的，您可以添加 Colonize 擴展，但顯然 Visual Studio（我目前使用的是 2017）默認包含Shift + Enter快捷方式，與 Colonize 不同，它在新行上繼續。

Answer 12

有一種方法可以讓 VSCode 自動附加分號。

默認情況下，此屬性被禁用：

1. 對於 Windows ctrl + ,
2. 對於 Mac cmd + ,

設置->在搜索欄中輸入： 'semicolon' -> 將JS和TS的值更改為“ 'insert' ，保存並關閉。

現在每次保存時，VSCode 都會在您所在的文件中查找丟失的分號並附加它們。

Answer 13

Go 到設置：如果您正在編寫 javascript，請查找此設置：在此處輸入圖像描述

和/或 go 設置：如果您正在編寫 typescript，請查找此設置：在此處輸入圖像描述轉到設置：如果您正在編寫 javascript，請查找此設置：

格式化您的代碼並添加分號 \o/ 是的

*問題：正如設置所說：您的工作區需要具有 typescript 3.7 或更高版本。

這個解決方案對我有用

Answer 14

在settings.json中添加如下配置：

"css.completion.completePropertyWithSemicolon": true

或者您可以通過以下方式取消：

"css.completion.completePropertyWithSemicolon": false

其他

"scss.completion.completePropertyWithSemicolon": true,
"less.completion.completePropertyWithSemicolon": true

Answer 15

在行尾添加分號，在下一行添加 go

簡碼： ctrl+;

安裝插件： multicomando

ext install ryuta46.multi-command

編輯文件： keybindings.json

// Place your key bindings in this file to override the defaults
[
    {
        "key": "ctrl+;",
        "command": "extension.multiCommand.execute",
        "args": { 
            "sequence": [
                "cursorEnd",
                { "command": "type", "args": { "text": ";" } },
                "lineBreakInsert",
                "cursorDown"
            ]
        },
        "when": "editorTextFocus"
    }
]

• 這個插件促進了一系列命令。 無限可能！

我希望它能幫助別人！

Answer 16

它在 Visual Studio 的首選項中。 來自sbi 的答案的解決方案：

• 轉到Tools/Options/Environment/Keyboard 。
• 將“使用新的快捷方式：”下拉菜單切換到“文本編輯器”。
• 選擇Edit.BreakLine命令。
• 在Press shortcut keys編輯窗格中，按Shift + Enter 。

為我工作！

Answer 17

如果您需要使用 vscode 在 Javascript/Typescript 上使用分號，請執行以下操作：

設置

輸入“分號”

您將有 Javascript 和 Typscript 的選項

根據需要選擇“插入”選項

您還可以為 css、less 或 scss 選擇分號

/*******/

您可以選擇“顯示匹配的擴展程序”並獲得一些關於解決相同問題的擴展程序的額外幫助。

Answer 18

我認為這是一個老問題，但Ctrl + Shift + Enter為我做了。 即使您不在行的末尾並將光標設置為下面的新行，它也會在行尾添加分號。 看看它是否對你有所幫助。 Chherio！