vscode vue文件模版

最新推荐文章于 2025-06-30 11:27:12 发布

s1124yy

最新推荐文章于 2025-06-30 11:27:12 发布

阅读量377

点赞数 2

CC 4.0 BY-SA版权

分类专栏：编辑器

本文链接：https://blog.youkuaiyun.com/s1124yy/article/details/79857296

编辑器专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何通过设置用户代码片段来自定义创建Vue文件的模板。只需简单几步，即可快速生成包含预设结构的.vue文件，提高开发效率。

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

左下角齿轮，用户代码片段，输入vue回车；
进入vue.json设置，复制如下代码

{
    // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
    // same ids are connected.
    // Example:
    "Print to console": {
        "prefix": "vu",
        "body": [
            "<template>\n",
            "</template>\n",
            "<script type=\"text/ecmascript-6\">",
            "export default {$1}",
            "</script>\n",
            "<style scoped lang=\"stylus\" rel=\"stylesheet\/stylus\">\n",
            "</style>\n"
        ],
        "description": "New Vue File"
    }
}