以 Vue 為例，如何在 VSCODE 自訂程式碼片段 Code Snippets？

好，我習慣用的編輯器是 VSCODE，雖然有安裝一些 Snippets 擴充套件，讓我敲程式碼時比較不會因為打錯浪費時間 debug。但，真正開發時，創建結構時常常都要建立新檔案去切分 component，打幾乎同樣的程式碼有點煩，所以～找了一下該怎麼來設定自己要的程式碼片段。希望有幫助到你：）

一、設定 Setting.json

1-1. command + ,
1-2. 右上角 {}，打開自定檔
1-3. 新增以下語法：

// 啟用自訂程式碼樣版
"editor.tabCompletion": "on",

// 如果你跟我一樣，有裝其他的 Snippet，可以將編輯器的權重提高
"editor.snippetSuggestions": "top",

閱讀我吧！