vscode surround select by using snippet

選取、標記

最近將專案進行多國語系的製作，需要將字串挖出來在需要翻譯的字串前後標記 _('')、{{_('')}} 或 {{_("")}}。

在 vim 底下要這樣操作有點辛苦，最後還是開啟 vscode 來看看有沒有相關的解決辦法。找到一篇提到可以自訂 snippet 並對應快捷鍵組的方式使用。

Command + Shift + P 找到 "> Preferences: Open Keyboard Shortcuts (JSON)"

然後填入以下內容：

    {
        "key": "shift+cmd+a",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "{{_('${TM_SELECTED_TEXT}')}}"
        }
    },

key 的部分就是對應到鍵盤快捷建，建議可以搭配 "Preferences: Open Keyboard Shortcuts (JSON)" 看看有沒有重複使用的部分。

args.snippet 裡面使用到 TM_SELECTED_TEXT 的變數可以參考這裡。

透過這樣的方式，除非遇到較複雜的句子（可能參雜一些語法或樣式）需要調整外，就可以加快把字框出來！