VS Code Tips

83 阅读1分钟

全局代码片段

  • command + shift + p 呼出命令 可以选择创建全局片段
  • 输入以下内容
{
	// 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, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
	// Placeholders with the same ids are connected.
	"v3":{
		"prefix": "v3",
		"scope": "vue",
		"body": [
			"<template>",
			"$1",
			"</template>",
			"",
			"<script setup lang=\"ts\">",
			"",
			"</script>",
			"",
			"<style lang=\"less\" scoped>",
			"",
			"</style>"
		],
		"description": "vue3 template"
	},
	"rp":{
		"prefix": "rp",
		"scope": "javascript,typescript,vue",
		"body": [
			"return new Promise((resolve, reject) => {",
			"  $1",
			"})",
		],
		"description": "return new Promise()"
	},
	"fn":{
		"prefix": "fn",
		"scope": "javascript,typescript,vue",
		"body": [
			"const $1 = ($2) => {",
			"$3",
			"}",
		],
		"description": "const fn = () => { }"
	},
}