VSCode新建vue文件自定义模板

具体步骤如下

1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue

选择vue后，编辑器会自动打开一个名字为vue.json的文件

2、复制以下内容到这个文件中：

[

复制代码

](javascript:void(0); "复制代码")

{
 // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
 // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
 // 2 for tab stops, {1:label}, 1');",
 // "0",
 "",
 " 

",
"\n",
"\n",
"",
"$2"
],
"description": "Log output to console"
}
}

[

复制代码

](javascript:void(0); "复制代码")

$0 表示生成代码后光标的位置 ;

``prefix表示生成对应预设代码的命令（此处设置的vue）

保存关闭文件；

3、新建.vue文件，输入vue，按回车，页面结构自动生成