vscode中使用vue的代碼片斷

使用場景

• 懶人必備初始化vue文件

使用步驟

1. 點擊左下角設置，選擇用戶代碼片斷。
2. 輸入代碼片斷名稱回車。
3. 複製如下代碼保存。

{
    "Print to console": {
        // prefix: 觸發的代碼，隨意設置，例如輸入sc就會提示設置好的代碼塊
        "prefix": "sc", 
        // body: 設置的代碼塊內容
        "body": [
            "<template>",
            " <div>\n",
            " </div>",
            "</template>\n",
            "<script>",
            " export default {",
            "   name:'',",
            "   data () {",
            "     return {\n",
            "     }",
            "   },",
            "   components: {\n",
            "   }",
            " }",
            "</script>\n",
            "<style scpoed>\n",
            " ",
            "</style>",
            "$2"
        ],
    }
}