技術標籤：前端vue.js

是什麼？

• 使用vscode 建立vue模板

為什麼？

• 初始化vue檔案更速度，不用浪費不必要的時間

怎麼做？

• 開啟VSCODE編輯器，依次選擇“檔案 -> 首選項 -> 使用者程式碼片段”，此時，會彈出一個搜尋框，我們輸入vue

• 輸入vue後 ， vscode 會自動彈出 vue.json 檔案

• 將一下程式碼複製進去(可自行更改模板片段)

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $0 -->",
      "<template>",
      "  <div></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "    };",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  mounted: {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='scss' scoped>",
      "</style>"
  ],
    "description": "Log output to console"
  }
}