Visual Studio中自定义代码段！

Visual Studio中自定义代码段！

第一步：在编辑器中进行快捷键的输入【ctrl + shift + p】 或者 点击 查看 第一个选项就是！请看下图

第二步：选择你要配置代码段的语言， 这里我会以Vue为例！

点击vue.json(vue)之后 可以看到如下东西！我已经配置好了！其实他也经有提示你怎么样去配置了！

这是我的配置文件!

{
	// Place your snippets for vue 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 出发代码片段的前缀！
	// 	"prefix": "log",
	// 代码片段！
	// 一个数组， 每个元素占一行！
	// $1就是光标的第一个位置！以此类推！
	// ${2:thisisselfdata}可以自定义提示信息！
	// 	"body": [
	// 		"console.log('$1');",
	// 		"$2"
	// 	],
	// 	"description": "Log output to console"
	// }
	"Print Vue template": {
		"prefix": "vue",
		"body": [
			"<template>",
			"<div class=\"$1\">",
			"</div>",
			"</template>",
			"<script>",
			"export default {",
			" name: '',",
			" props: {},",
			" components: {},",
			" data () {",
			" return {}",
			" },",
			" computed: {},",
			" watch: {},",
			" methods: {},",
			" created () {},",
			" mounted () {},",
			" beforeDestroy () {}",
			"}",
			"</script>",
			"<style lang='less' scoped>",
			"</style>"
		],
		"description": "Log output to console"
	}
}

博客园是面向开发者的知识分享社区，不允许发布任何推广、广告、政治方面的内容。
博客园首页(即网站首页)只能发布原创的、高质量的、能让读者从中学到东西的内容。
如果博文质量不符合首页要求，会被工作人员移出首页，望理解。