VsCode编辑器如何自定义代码片段

Posted 2021-09-17 我想月薪过万

本文以Vue为例

第一步：点击设置 -》用户代码片段

第二步： 找到 vue.json

第三步：在该文件中输入如下内容即可

"vue":{
		"prefix": "vue",
		"body": [
			"<!-- -->",
			"<template>",
			"<div></div>",
			"</template>\\n",
			
			"<script>",
			"export default {",
			"\\tdata() {",
			"\\t\\treturn {};",
			"\\t},",
			"\\tmethods: {},",
			"};",
			"</script>\\n",
			
			"<style lang=\\"less\\" scoped>",
			"</style>"
		],
		"description": "vue 自定义模板"
	}

第五步：新建文件 输入你自己定义的快捷命令