VS_Code快捷自定义代码块，助你一臂之力

VS_Code快捷自定义代码块，助你一臂之力

• • 作用详情
  • • 话不多说，上图

作用详情

很多时候我们在开发时，经常会用到一些常用的代码块，使得我们需要手打或者去其他地方粘贴，这样的打代码效率是非常不高的，在下教您一招，给通用代码块取个代号，一敲代号立马现身

话不多说，上图

输入你的代码块文件名（无要求）

编辑文件

新建的文件有英文注释和模板，可以自己百度翻译一下
按照我的理解是这样子的：

// An highlighted block
{

	"Print to console": {

			"prefix": "wlqq",//你的代码代号，也就是你敲击wlqq ,就会出现你定义的代码块

			"body": [   //代码块内容，每一行都要用""双引号包裹，因此双引号里面都用单引号
					"let data = {",
					"  orgCode: sessionStorage.orgCode,",
					"  $1", //$1,代表你生成的代码块后，你的光标位置，方便编辑
					"}",
					"this.$store.dispatch('', data).then(res => {",
					"  if (res.data.code == 200) {",
					"     util.showMsg(this, { succ: '' })",
					"  }else{ ",
					"     util.showMsg(this, { diy: res.data.message })",
					"  }",
					"}).catch((err) => {",
					"  util.showMsg(this, { diy: '异常错误，请联系管理员' })",
					"})",
			],

			"description": "网络请求快捷方式" //这行是表示你对你的快捷代码块的注释，方便看文件的时候理解

	}

}

效果展现

敲击回车

大功告成！！！！