Visual Studio Code (vscode)自定义用户代码段快速打出for循环等

小胖梅前端

已于 2023-04-03 15:27:47 修改

阅读量2.6k

点赞数 5

CC 4.0 BY-SA版权

文章标签： vscode 编辑器 ide

于 2023-04-03 15:26:54 首次发布

本文链接：https://blog.csdn.net/xm1037782843/article/details/129930599

本文介绍了如何在VSCode中自定义用户代码块，例如创建用于快速输入for循环的快捷键‘fori’和‘forj’。用户需通过文件>首选项>用户代码片段设置，编辑javascript.json配置文件，定义‘prefix’（快捷键）、‘body’（代码内容）和‘description’（代码段描述）。

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

比如fori这样的快捷键就打不出代码块了
自定义用户代码块的方法:

工具栏 > 文件 > 首选项 > 用户代码片段

然后在弹出的搜索框中填写javascript.json 有提示不用打全就行 (会有javascript选中)

打开配置文件javascript.json

这里面显示的就是编写代码块的例子

	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log($1);"
		],
		"description": "Log output to console"
	},

print to 后面填的是你这个代码块的名字随便取符合命名规则就行

prefix 冒号里填的是在 Intellisense 中选择代码片段时将使用的前缀,即你要打出的快捷键

body 冒号后面填的是你要定义的代码段的完整代码

美元$符号+数字代表光标位置即你打出代码段后光标所在的位置

description 冒号后面填的是这个代码段的描述随便写就行

下面附上自定义fori forj 快速打出for循环的代码:

	"Print out fori": {
		"prefix": "fori",
		"body": [
			"for (var i = 0; i < $1; i++) {",
			"   $2$0",
			"}"
		],
		"description": "Output Loop 'fori'"
	}

"Print out forj": {
		"prefix": "forj",
		"body": [
			"for (var j = 0; j < $1; j++) {",
			"   $2$0",
			"}"
		],
		"description": "Output Loop 'forj'"
	}

配置效果图：