vscode配置用户代码片段,vue2代码片段

优雅格子衫

已于 2023-12-25 13:37:34 修改

阅读量671

点赞数 10

分类专栏： vscode 文章标签： vscode ide 编辑器

于 2023-12-23 14:43:38 首次发布

本文链接：https://blog.csdn.net/qq_61869009/article/details/135168628

版权

vscode 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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"
	}
}