vscode 自定义快捷代码片段

最新推荐文章于 2025-03-02 00:27:30 发布

狗狗狗狗亮

最新推荐文章于 2025-03-02 00:27:30 发布

阅读量370

点赞数

分类专栏：个人笔记

本文链接：https://blog.youkuaiyun.com/weixin_44046951/article/details/118574352

版权

个人笔记专栏收录该内容

32 篇文章

订阅专栏

这个博客提供了几个常用的HTML和JavaScript代码片段，包括<script>标签的两种类型，console.log()用于调试，箭头函数的定义，以及不同类型的循环结构。此外，还包括了获取DOM元素的方法，方便前端开发者快速引用和学习。

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

在这里插入图片描述

新建或者修改已有的html片段

{
	"scr1": {
		"prefix": "scr1",
		"body": [
			"<script type=\"text/javascript\" src=\"$0\"></script>"
		],
		"description": "<script type=\"text/javascript\" src=\"\"></script>"
	},
	
	"scrb": {
		"prefix": "scrb",
		"body": [
			"<script type=\"text/babel\">$0</script>"
		],
		"description": "<script type=\"text/babel\" src=\"\"></script>"
	},
	"csl": {
		"prefix": "csl",
		"body": [
			"console.log($0);",
		],
		"description": "console.log()"
	},
	"df": {
		"prefix": "df",
		"body": [
			"()=>{",
			"  //函数体", 
			"}",
		],
		"description": "¼ýÍ·º¯Êý"
	},
	
	"f1": {
		"prefix": "f1",
		"body": [
			"for (let i=0; i<xxxxxxx.length; i++ ){",
			"  //循环内容",
			"}",
		],
		"description": "forÑ»·1"
	},
	"fori": {
		"prefix": "fori",
		"body": [
			"for (let index in arr){",
			"  console.log(arr[index])",
			"}",
		],
		"description": "for-in±éÀú"
	},
	"foro": {
		"prefix": "foro",
		"body": [
			"for (let index of arr){",
			"  console.log(arr[index])",
			"}",
		],
		"description": "for-of±éÀú"
	},
	"did": {
		"prefix": "did",
		"body": [
			"document.getElementById('$0')"
		],
		"description": "document.getElementById"
	}
}