vscode代码片段

最新推荐文章于 2024-09-14 17:32:32 发布

Mtao&

最新推荐文章于 2024-09-14 17:32:32 发布

阅读量217

点赞数

分类专栏： vue 文章标签： vscode vue.js

本文链接：https://blog.csdn.net/qq_45186619/article/details/127862474

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

这是一个关于Vue.js模板配置的博客，详细介绍了如何为Vue2、Vue3和Vue3 TypeScript设置代码编辑器的快捷键模板。这些模板包括了组件的基本结构，并且提供了描述，方便开发者快速创建Vue项目的启动代码。

摘要由CSDN通过智能技术生成

在这里插入图片描述

{
	"vue_learn_template":{
		/* 快速生成快捷键 */
        "prefix": "V2",
        "body": [
            "<template>",
            "<div><div/>",
            "</template>",
            "",
            "<script>",
                "export default {",
                    "\tname:'$TM_FILENAME_BASE',",   
                        "\tdata(){",
                            "\treturn {",
                            "",
                        "\t}",
                    "\t},",
                "}",   
            "</script>",
            "",
            "<style lang=\"less\"  scoped>",
            "",
            "</style>",
        ],
        "description": "vue2" // 模板的描述
    },
    "vue3":{
		/* 快速生成快捷键 */
        "prefix": "V3",
        "body": [
            "<template>",
            "",
            "</template>",
            "",
            "<script setup >",
                "import { Ref} from \"vue\"",
            "</script>",
            "",
            "<style lang=\"less\"  scoped>",
            "",
            "</style>",
        ],
        "description": "vue3js模板" // 模板的描述
    },
    "vue3ts":{
		/* 快速生成快捷键 */
        "prefix": "V3ts",
        "body": [
            "<template>",
            "",
            "</template>",
            "",
            "<script setup lang=\"ts\">",
                "import { Ref} from \"vue\"",
            "</script>",
            "",
            "<style lang=\"less\"  scoped>",
            "",
            "</style>",
        ],
        "description": "vue3ts模板" // 模板的描述
    }
}