第一步：開啟搜尋

第二步：搜尋vue

第三步：複製貼上檔案內容

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div>",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "  export default {",
      "    name: '',",
      "    mixins: [],",
      "    components: {},// 註冊元件",
      "    props: {},// 接收父元件傳參",
      "    data () {",
      "      return {",
      "",
      "      }",
      "    },",
      "    computed: {},// 計算屬性",
      "    watch: {},// watch的作用可以監控data中某個值的變換，並呼叫因為變化需要執行的方法。",
      "    created() {},// dom元素建立之前執行",
      "    mounted() {},// dom元素建立之後執行",
      "    methods: {},// 定義方法的地方",
      "    destroyed() {},// 銷燬時操作可編輯在此處,例如：A元件跳轉B元件，此時A元件會被銷燬，則會呼叫",
      "    activated() {},// 元件活躍時,只有在使用<keep-alive>時才有效果",
      "    deactivated() {},// 元件不活躍時,只有在使用<keep-alive>時才有效果",
      "  }",
      "</script>",
      "",
      "<style scoped>",
      "</style>"
    ]
  }
}