vscode设置代码片段

ctrl+shift+p 调出面板
搜索snippet
找到 首选项：配置用户代码片段 并进入
选择要把代码片段新建到哪里 如果只是适配当前项目的代码片段就建到项目文件中，否则建到全局

{
	// Place your partners-b-business-fe 工作区 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
	// is left empty or omitted, the snippet gets applied to all languages. 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": {
		"scope": "javascript,typescript, vue",
		"prefix": "vueco",
		"body": [
			"<template>",
            "    <div>\n",
            "    </div>",
            "</template>\n",
            "<script lang=\"ts\">",
            "export default {",
            "    props: {\n",
            "    },",
            "    data() {",
            "        return {\n",
            "        };",
            "    },",
            "    computed: {\n",
            "    },",
            "    created() {\n",
            "    },",
            "    mounted() {\n",
            "    },",
            "    watch: {\n",
            "    },",
            "    methods: {\n",
            "    },",
            "    components: {\n",
            "    },",
            "};",
            "</script>\n",
            "<style scoped lang=\"${1:less}\">\n",

		],
		"description": "Log output to console"
	}
}

使用

按下回车即可

设置console快捷方式代码片段

{
	// Place your snippets for javascript 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": "cls",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	}
}