VSCode中vue单文件组件模板设置

第一步：

第二步：

第三步：
打开vue.json文件后，假如是初次设置，应该如下图所示，绿色注释部分不消管，留意那两个白色大括号

第四步：在大括号内全部粘贴如下代码，生存即可完成vue模板的设置
"Print to vue": {  "prefix": "vue",  "body": [   "",   "  
",   "",   "",   "",   "",   "",   "",   "",   ""  ],  "description": "快速创建vue单文件组件" }第五步：，每次创建完后缀为.vue的文件后，就可以通过在文件中输入vue来触发设置模板

第六步：效果图如下

提示：
这里需要先注释掉mounted(){}生命周期方法，等使用时再打开注释即可，一个内里什么也不界说的空mounted(){}在运行时会报错
第七步：
特别阐明：复制粘贴的代码中一些属性的作用
Print to vue：不消管它，没什么用prefix：触发模板的指令，可自行设置body：所设置的模板内容description：对模板的形貌，可自行设置留意：输出敏感字符"，应该\"，加个反斜杠输出敏感字符$，应该\\$ 渴望能帮到上进可爱的你，完。