VS code创建Vue快速模板(用户代码片段)

最新推荐文章于 2025-06-09 18:37:32 发布

原创最新推荐文章于 2025-06-09 18:37:32 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

vsCode 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在VS Code中创建Vue用户代码片段，通过设置vue.json文件，实现使用'vue + tab'快捷生成模板，方便自定义各种Vue项目的模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VS code创建Vue快速模板(用户代码片段)
首先打开文件->首选项->用户代码片段
这里写图片描述
在输入框中输入vue.json

打开文件,输入

    "Print to console": {
        "prefix": "vue",
        "body": [
            "<template>",
            " <div>",
            " </div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "}",
            "</script>",
            "",
            "<style lang='scss' scoped>",
            "",
            "</style>"
        ],
        "description": "Log output to console"
    }