Previous Article Next Article VS Code (Visual Studio Code) 編輯工具-相關設定-snippets
Posted in Script

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

VS Code (Visual Studio Code) 編輯工具-相關設定-snippets Posted on 2018 年 09 月 05 日Leave a comment

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

vscode - snippets
就會有

<!-- -->

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *