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

最新推荐文章于 2025-04-09 21:38:30 发布

Emperor-c

最新推荐文章于 2025-04-09 21:38:30 发布

阅读量2k

点赞数 2

分类专栏： Vue 文章标签： vue 开发工具

本文链接：https://blog.youkuaiyun.com/weixin_43486426/article/details/108528146

版权

Vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在VS_Code中自定义代码块，通过设置代码代号，实现快速插入常用代码片段，显著提升编码效率。适用于频繁使用特定代码段的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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": "网络请求快捷方式" //这行是表示你对你的快捷代码块的注释，方便看文件的时候理解

	}

}