vscode之快速生成vue模板

Posted 2021-01-18 cinderellastory

文件-首选项-用户代码片段-搜索“vue”点击进入vue.json

 

 

复制这个片段

 1 {
 2     "Vue component": {
 3         "prefix": "vue",
 4         "body": [
 5             "<template>",
 6             "	$1",
 7             "</template>",
 8             "<script>",
 9             "export default {",
10             "	",
11             "}",
12             "</script>",
13             "<style scoped>",
14             "</style>",
15             ""
16         ]
17     }
18 }

重启vscode

输入vue即可

以上是关于vscode之快速生成vue模板的主要内容，如果未能解决你的问题，请参考以下文章

vscode vue 模板文件生成

vsCode写vue项目一键生成.vue模板

使用vscode快速建立vue模板

vscode代码片段生成vue模板

vscode vue快速新建模板

使用vscode，新建.vue文件，tab自动生成vue代码模板