1、安裝一個(gè)插件诸尽,識(shí)別vue文件
插件庫(kù)中搜索Vetur原杂,點(diǎn)擊安裝
2、新建代碼片段
ctrl+shift+p 輸入snippets 選擇vue.json
3您机、在vue.json里寫下自己想要生成的vue模版
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
"<div></div>",
"</template>",
"",
"<script>",
"export default {",
"data() {",
"return {",
"",
"}",
"},",
"http://生命周期 - 創(chuàng)建完成(訪問當(dāng)前this實(shí)例)",
"created() {",
"",
"},",
"http://生命周期 - 掛載完成(訪問DOM元素)",
"mounted() {",
"",
"}",
"}",
"</script>",
"<style scoped>",
"/* @import url(); 引入css類 */",
"$4",
"</style>"
],
"description": "Log output to console"
}
}
注意
"prefix": "vue", vue就是快捷鍵 在空的vue文件輸入vue之后按下tab鍵即可生成vue模版