1. 安裝VueHelper外掛

2. 尋找 vue.json

按順序點選vscode的：

1. 檔案
2. 首選項
3. 使用者程式碼片段
4. 接著搜尋框中輸入 vue， 回車

3. 填寫模板內容

直接複製一下內容到 vue.json

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      " <div>\n",
      " </div>",
      "</template>\n",
      "<script>",
      " export default {",
      "   name: '',",
      "   data () {",
      "     return {\n",
      "     }",
      "   },",
      "   components: {\n",
      "   }",
      " }",
      "</script>\n",
      "<style scoped>\n",
      " ",
      "</style>",
      "$2"
    ],
    "description": "Log output to console"
  }
}
 

4. 重啟vscode

5. 測試

1. 新建一個 vue 檔案
2. 輸入 vue 之後，點選 Tab 鍵
3. Happy Coding!