打開(kāi)vscode,左下角設(shè)置-用戶(hù)代碼片段

image.png

輸入vue.json打開(kāi)該頁(yè)面，輸入

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

            "",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}

提示："$0":是你生成代碼后鼠標(biāo)光標(biāo)所處的位置，可以自己修改放置位置。 "prefix"：表示生成對(duì)應(yīng)預(yù)設(shè)代碼的命令 。

保存關(guān)閉。
新建.vue文件，在頁(yè)面里輸入vue

image.png

然后 回車(chē)，模板就出來(lái)了，省去了我們敲模板的時(shí)間。

.js,.html文件都可以照這樣來(lái)設(shè)置。