1、文件 —> 首选项 —> 用户代码片段
2、在输入框中 输入 vue.json,点击进入
如果没有这个文件,就点击 新建全局代码片段文件或者新建 “xxx” 文件夹的代码片段文件,在输入 vue.json
3、输入想要的代码格式,命名自取,就可以 直接在vue文件中输入名字就可以快速生成代码了
{
"vueless": {// 随便写(vue2)
"prefix": "vueless",//vueless 是名称,生成代码就输入这个名称就可以了
"body": [
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<script>",
"export default {",
"\tname:\"\",",
"\tdata(){",
"\t\treturn{\n\n\t\t}",
"\t},",
"\tcreated(){\n\n\t},",
"\tmounted(){\n\n\t},",
"\tmethods:{\n\n\t}",
"}",
"</script>\n",
"<style scoped lang=\"less\">\n",//不用less,删掉 lang=\"less\"
"</style>",
"$2"
],
"description": "Log output to console"
},
"vue3less": {// 随便写(vue3)
"prefix": "vue3less",//vue3less 是名称,生成代码就输入这个名称就可以了
"body": [
"<template>\n",
"</template>\n",
"<script>",
"export default {",
"\tname:\"\",",
"\tsetup(){",
"\t\treturn{}",
"\t}",
"}",
"</script>\n",
"<style scoped lang=\"less\">\n",//不用less,删掉 lang=\"less\"
"</style>",
"$2"
],
"description": "Log output to console"
}
}
最后:在vue文件中 输入 你定义的名字就可以快捷生成代码了
更多推荐
vscode 代码片段 快速生成代码
发布评论