不知道vscode如何自定義vue模板，直到看了這篇文章

經常想自定義一個常常用到的初始化模板，但並不知道如何經過vscode如何設置。其實很是簡單，就以下幾步：

1 選擇「文件 -> 首選項 -> 用戶代碼片斷」

2 輸入'vue'

2 打開’vue.json‘

3 輸入模板信息：

{
  "Print to console": {
      "prefix": "vue",
      "body": [
          "<template>",
          " <div>$0</div>",
          "</template>",
          "",
          "<script>",
          "export default {",

          "",
          "}",
          "",
          "</script>",
          "<style>",
          "</style>"
      ],
      "description": "Log output to console"
  }
}複製代碼

$0 表示生成代碼後光標的位置 ; 

 prefix 表示生成對應預設代碼的命令（此處設置的vue） 

 保存關閉文件；

4 新建.vue文件，輸入vue快捷鍵並選擇

5 最終造成以下模板：

 

是否是節省了不少代碼量呢？

那就不要吝嗇你的點贊吧~~