使用vscode创建vue代码片段

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

huixiangmian

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

阅读量2k

点赞数

分类专栏：编辑器文章标签： vscode

编辑器专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在Vue开发过程中提高效率的方法，通过配置代码片段避免重复创建Vue模板，从而加快开发速度。具体步骤包括打开文件首选项中的代码片段设置，并在vue.json中定义模板。

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

开发vue的时候可以解决重复创建问题

第一步

打开文件首选项>>>代码片段

第二步

在vue.json里面写入

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<!-- $0 -->",
            "<template>",
            "  <div></div>",
            "</template>",
            "",
            "<script>",
            "export default {",
            "  data () {",
            "    return {",
            "    };",
            "  },",
            "",
            "  components: {},",
            "",
            "  computed: {},",
            "",
            "  mounted: {},",
            "",
            "  methods: {}",
            "}",
            "",
            "</script>",
            "<style>",
            "</style>"
        ],
        "description": "Log output to console"
    }
}