vscode配置用户代码片段

2023-12-24 06:11:38

1.左下角打开设置
在这里插入图片描述
2.新建全局代码片段
在这里插入图片描述
3.输入名字,名字随意不过最好语意化
在这里插入图片描述

4.创建模版

这里的模版为vue2常用代码片段,稍后会持续更新。

{
	"Print to console": {
		"prefix": "v2", //页面使用时名称
		"body": [
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name:'',"
			"  data() {",
			"    return {",
			"",
			"    }",
			"  },",
			"  mounted() {",
			"",
			"  },",
			"  methods: {",
			"",
			"  },",
			"}",
			"</script>",
			"<style lang='scss' scoped>",
			"",
			"</style>"
		],
		"description": "Log output to console"
	}
}

文章来源:https://blog.csdn.net/qq_61869009/article/details/135168628
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。