vue自定义代码片段

学习vue3的时候，老师弄了个自定义代码——初始化vue3框架，然后我感觉有点意思，可以按照自己的需求快速初始化代码什么的。

自定义代码片段我感觉就是在一个json文件中写调用的关键词和替换的内容。

打开Vscode ==>文件==>首选项==>配置用户代码段==>新建全局代码片段文件==>创建一个你的json文件（名字任取，文件后缀需要是.json）==>然后开始写里面的代码（保存）==>在其他文件中就可以通过关键字快速搭建你的初始框架什么的

下面的代码实现初始化一个简单的vue框架

{
	
	"print to console":{  //大括号前面必须要有东西，但是引号里面的东西可以随便取
        "prefix":"vue2",//前缀词，就是快捷替换词
        "body": [       //自定义的代码片段内容,可以通过转义字符控制格式，
					  //这里我实现了个简单的vue初始框架,每一行代码要加双引号，里面使用引号可以使用转义字符，然后用逗号隔开。
            "<!--vue简单框架-->",
            "<template>",
			"<div class=\"\">",
			"</div>",
            "</template>"
            "",		 //实现空一行
            "<script lang='ts'>",
            "\texport default{",//转义字符制表符实现空格
            "\t//组件名称",
            "\tname:'',",
            "}"
            "</script>",
			"",//会空一行用"\n",也可以实现
            "<style>",
            "</style>",
          ],
        "description":"Log output to console"
    }
}

通过自定义初始化后，可以在vue文件中通过vue2快速初始化简单的vue框架，非常省时间。以后写vue文件的时候可以直接这么简单就初始化了，不用我每次写一个vue又重新写一遍框架了。很不错的功能，其他语言文件也可以通过用户自定义去快速搭建。

         

现在我们就有我们自己定义的vue2快捷了，选择确定就可以快速搭建了，下面就是我们自定义代码片段实现的效果，就是我们在json文件body中写的代码

         

感谢各位观看，这个自定义代码片段真的很方便，可以避免重复去写代码，为我们节省时间，各位小伙伴可以自己尝试。

恐惧源于未知，很多困难也是我们自己现象脑补上去的，加油大胆尝试！趁年轻。