vscode模板自动补全[亲测有效]

大家好，欢迎来到IT知识分享网。

以.vue文件为例

1、文件==>首选项==>用户片段

2、在输入框内搜索vue，如果是html文件就搜索html，如果是css就搜索css

3、找到vue.json

4、复制一份里面的例子

    // "Print to console": {
	// 	"prefix": "log",
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }

5、修改键名和命名以及body中的内容，举例如下

"PrintVue to consele": {
        "prefix":"v3",
        "body":[
            "<template>",
            "\t",
            "</template>",
            "",
            "<script lang='ts'>",
            "export default {",
            "\tname:'app',",
            "\tsetup(){",
            "\t\t",
            "\t\treturn {",
            "\t\t\t",
            "\t\t}",
            "\t}",
            "}",
            "</script>",
            "",
            "<style>",
            "",
            "</style>",
        ],
        "description": "Log output to console"
    }

6、保存后，再创建.vue文件，输入v3按回车，就会把body中的代码输出，举例如下