VSCode (Visual Studio Code) 編輯工具-相關設定-snippets

TWIG pack
bajdzis.vscode-twig-pack
Bajdzis
Snippets, auto-completion, emmet, and syntax(whatwedo) for TWIG language

這跟 Ctrl + / 相衝突，Ctrl + / 是註解的快捷鍵，用 TWIG pack 會是 {# XXX #} ，

原本如果是 xxx.html 時，它會自動 <!– XXX –>，而 xxx.js 裡是 // XXX ， xxx.css 是 /** XXX */ ，

但今天非得用 TWIG pack 的情況下，VSCode 可以用 snippets，不過不是很理想，無法整段幫我自動註解掉，

snippets 是在程式碼裡幫你加入已定義好的片段，

檔案 (F) > 喜好設定 (P) > 使用者程式碼片段 (S)，開啟 html.json 加入

"comment HTML": {
    "prefix": "cc",
    "body": ["<!-- $1 -->"], // $1 就是讓滑鼠游標停留的地方，可以再按 tab 鍵游標到下個地方，就是 $2
                            // 或 "body": [
                            //        "<!-- $1 -->",
                            //        "$2"
                            //    ],
    "description": "Comment HTML line"
}

接著 xxx.html 裡打入 cc ，再 tab 或 enter

就會有

<!-- -->