0
点赞
收藏
分享

微信扫一扫

vscode如何创建用户片段

祈澈菇凉 2022-04-26 阅读 53
vscode

**原因:**电脑主板烧了,很多东西都不见了,特别是以前创建的用户代码片段全没了/(ㄒoㄒ)/~~,需要重新创建用户代码片段,但是又很长时间没弄过了,所以记录下

懒人神器用户代码片段:
1.用户代码片段的使用:
只需要输入自己所需要的前缀,就可以生成对应的代码片段,大大提高了工作效率:
用户代码片段
2.如何设置:
用户代码片段步骤
3.生成用户代码片段文件:
新建用户代码片段
4.如何设置用户代码片段:
以我的为例子:

"vue基础信息添加": {
		"prefix": "vueBasic",//代码输入提示
		"body": [//生成片段主体
		  "<template>",
		  "  <div id=\"index\" class=\"app-container\">",
		  "  </div>",
		  "</template>",
		  "<script>",
		  "//异步组件引入",
		  "const XX= resolve => require(['@/components/XX'], resolve)",
		  "export default {",
		  "  name: 'index',",
		  "  data() {",
		  "    return {",
		  "",
		  "    }",
		  "  },",
		  "  component: { Pagination },",
		  "  mounted() {",
		  "    ",
		  "  },",
		  "  methods:{",
		  "  }",
		  "}",
		  "</script>",
		  "<style lang=\"scss\" scoped>",
		  "",
		  "</style>",
		  ""
		],
		"description": "vue基础信息添加";//描述信息
	}

5.如果觉得太麻烦可以通过一些网站生成

https://snippet-generator.app/
举报

相关推荐

0 条评论