当我们希望每次新建.vue文件后,vscode能够根据配置,自动生成我们想要的内容。
打开vscode编辑器,依次选择“文件→首选项→用户代码片段”,此时,会弹出一个搜索框,我们输入vue,将代码ctrl + c到vue-html.json
{
“打印到控制台”:{
“前缀”:“vue”,
“身体”:(
“& lt; !——$ 0祝辞”,
“& lt; template>”
“& lt; div> & lt;/div>”,
“& lt;/template>”
“”,
“& lt; script>”
“出口默认{”,
“数据(){”,
“返回{”,
“};
“}”,
“”,
“组件:{},”,
“”,
“计算:{}”,
“”,
“安装:{}”,
“”,
方法:{},
“}”,
“”,
“& lt;/script>”
“& lt;风格lang=scss scoped>”,
“& lt;/style>”
),
“描述”:“日志输出到控制台”
}
}
保存后关闭这个文件。
稍稍解释一下:$ 0表示你希望生成代码后光标的位置;前缀表示生成对应预设代码的命令
例如:我们新建一个名为header.vue的文件,输入内容vue按下回车,就会自动生成内容。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
