经历:之前直接在vue.json里面改,但没有生效。后来选择新建全局代码片段文件,就成功了。
成功生效的:详细流程如下:
1、配置用户代码片段
文件——首选项—配置用户代码片段
2、新代码片段
在【新建全局代码片段文件】那行,点击【新代码片段】
【键入代码段文件名】,我写的是vue2
3、配置vue模板:
文件里直接输入你要配置的具体的vue模板,保存即可。
{
"Print to console": {
"prefix": "vue2",
"body": [
"<template>",
" <div>",
" </div>",
"</template>",
"",
"<script>",
"export default {",
"}",
"</script>",
"",
"<style scoped>\n",
"</style>",
""
],
"description": "Log output to console"
}
}
4、结果:
使用prefix的内容来触发代码段里的内容
或者Vscode里面,F1快捷键,输入:insert Snippt 。
,输入vue2,可以找到刚刚设置的快捷键