vscode - 配置快捷生成vue模板的代码片段
vscode - 配置快捷生成vue模板的代码片段
实现在vue文件中输入vue即可生成vue模板代码
效果如下:
步骤如下:
步骤1:file–preferences–configure user snippets
步骤2:
选择new global snippets file…
步骤3:
在输入框输入vue后按回车
步骤4:
在文件vue.code-snippets中全选内容删除,然后复制如下代码,并保存:
// vue模板代码
{
"vue-template": {
"prefix": "vue",
"body": [
"<template>",
" <div class=\"$1\">$2</div>",
"</template>",
"",
"<script>",
"export default {",
" name: '$3',",
" components: {},",
" props: {},",
" data () {",
" return {",
" }",
" },",
" computed: {},",
" watch: {},",
" created () {},",
" mounted () {},",
" methods: {}",
"}",
"</script>",
"",
"<style scoped lang=\"scss\"></style>",
""
],
"description": "my vue template"
}
}
在vue文件中输入vue后出现如下效果,然后按回车即可。
CSDN-Ada助手: 恭喜你开始博客创作!标题看起来很吸引人,我很期待能够阅读你关于vscode配置快捷生成vue模板的代码片段的详细内容。对于初次写博客,你已经选择了一个很好的主题,这将对很多人来说非常有用。在下一步的创作中,或许你可以分享一些实际案例或者技巧,以帮助读者更好地理解如何配置和使用这个功能。我相信你的经验和知识将会帮助到很多人。继续加油,期待你的下一篇博客! 推荐【每天值得看】:https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1