打開vscode,左下角設(shè)置-用戶代碼片段
image.png
輸入vue.json打開該頁面坏晦,輸入
{
"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":表示生成對應(yīng)預(yù)設(shè)代碼的命令 。
保存關(guān)閉老虫。
新建.vue文件咱旱,在頁面里輸入vue
image.png
然后 回車确丢,模板就出來了绷耍,省去了我們敲模板的時間。
.js,.html文件都可以照這樣來設(shè)置鲜侥。