打开了snippet搜索栏–>输入vue–>选择vue.json
在打开的vue.json中输入下面内容
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>\n",
" </div>",
"</template>\n",
"<script>",
"export default {",
" data() {",
" return {\n",
" }",
" },",
" methods: {\n",
" },",
" components: {\n",
" }",
"}",
"</script>\n",
"<style scoped>\n",
"</style>",
"$2"
],
"description": "创建一个自定义的vue组件代码块"
}
}
准备完毕,现在来试一下,创建demo.vue文件,输入vue,然后按回车键
接下来就可以看到一段完整的vue组件代码被生成了
可根据自己的需求来定制vue,当然也可以创建其它的代码块
使用一个 "!" 生成HTML代码块
接下来就可以看到一段完整的HTML代码被生成了
本文为原创文章,未经授权禁止转载本站文章。
原文出处:兰玉磊的个人博客
原文链接:https://www.fdevops.com/2020/07/09/vscode-coding-env
版权:本文采用「署名-非商业性使用-相同方式共享 4.0 国际」知识共享许可协议进行许可。