vue --- vscode 配置 .vue文件生成結構

1、選擇“文件 -> 首選項 -> 用戶代碼片段”，此時，會彈出一個搜索框，輸入vue

     選擇vue后，編輯器會自動打開一個名字為vue.json的文件

2、復制以下內容到這個文件中：

{
    "Print to console": {
        "prefix": "vue",  //寫成自己滿意的前綴(name)
        "body": [
            "<template>",
            "  <div>$0</div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

　　

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

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

     保存關閉文件；

3、新建.vue文件，輸入vue，按回車，頁面結構自動生成