正确姿势教你在vscode上发布适用于团队的代码片段拓展

先放老婆，XDM提刀吧！！！！

如何使用拓展

举个栗子(vue代码快捷生成):

1. 新建个vue文件，敲上快捷命令可以是XDM/XSWL/耗子尾汁当然这些都可以自己定
   

2. 啪，很快啊！回车一敲，vue模版代码生成啦！！！
   

3. 简单来说这就是快捷生成代码片段。

首先在我们本地show起来

1. 打开vscode mac command+shift+p
   
2. 选择片段模版
   
3. 然后CV一下代码大功告成。

	{
	"vue template": {
		"prefix": ["yxvue", "YXVUE"],
		"body": [
			"<template>",
			"  <div>",
			"",
			"  </div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"  name: '$TM_FILENAME_BASE',",
      "  data() { ",
      "    return { ",
      "",
      "    }",
      "  },",
      "  props: {",
      "",
      "  },",
      "  methods: {",
      "",
      "  }",
			"}",
			"</script>",
			"",
			"<style lang=\"scss\" scoped>",
			"",
			"</style>"
		],
		"description": "create a vue frame(xsyx)"
	}
}

如果发布将自己的拓展发到vscode市场呢

1. 使用脚手架快速生成代码后如下代码结构注意package.json文件还有很多坑
2. package.json 文件图解

• 红色：版本号每次有修改且需要发布时一定要修改版本号不然发不上去（此坑踩过）
• 蓝色：最低vscode版本号支持，就是vscode1.28.0版本以上的才能使用此拓展
• 黄色: 远程仓库地址
• 白色: snippets配置项

3. 最后附上把自己的snippet放到vscode市场上的教程，戳这里，以后发布拓展出现问题请第二条