VS code 自定义用户代码片段

介绍():

把你的全局片段。每个代码段都在一个代码段名称下定义，并具有范围、前缀、主体和描述。在适用于范围字段的语言中添加逗号分隔的id。如果scope为空或省略，则代码段将应用于所有语言。前缀用于触发代码段，并将展开和插入代码体。可能的变量 ( Place your 全局 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. $1， $2用于制表符停止，$0用于最后的光标位置，${1:label}， ${2:another}用于占位符。( $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. )
2. 连接具有相同id的占位符。( Placeholders with the same ids are connected.)

示例

• vue 模板

{
	"Print to console": {
		"prefix": "t",
		"body": [
			"<template>",
			"  <div class=\"$1_container\">",
			    "$2",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name: '$1',",
      		"",
			"  components: {},",
     		"",
			"  props: {},",
      		"",
			"  data() {",
			"    return {",
			"      //",
			"    }",
			"  },",
     		"",
      		"  computed: {},",
     		"",
      		"  mounted: {},",
		    "",
    		"  methods: {}",
			"}",
			"</script>",
			"",
			"<style lang=\"scss\" scoped>",
			"@import \"~@/styles/mixin.scss\";",
			"@import \"~@/styles/element-variables.scss\";",
			"</style>",
			""
		],
		// 	"description": "Log output to console"
	}
}