设置vscode快捷键--用户代码片段

最新推荐文章于 2023-06-23 19:57:55 发布

琳琳_朵朵

最新推荐文章于 2023-06-23 19:57:55 发布

阅读量1.2k

点赞数 5

文章标签： javascript html html5

本文链接：https://blog.csdn.net/m0_50882269/article/details/109788132

版权

设置常用vscode快捷键–用户代码片段

一 设置html中代码片段–路径:文件–首选项–用户片段–新建或找到对应的html文件–粘贴一下代码即可!!!
{
“scr”: {
“prefix”: “scr”,
“body”: [
“<script type=“text/javascript” >”,
“$0”,
“”
],
“description”: “<script type=“text/javascript”>”
},

"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()"
},

"CreateReactComponent": {
	"prefix": "MyComponent",
	"body": [
		"import React,{Component} from 'react'\n",
		"export default class MyComponent$0 extends Component{",
		"  render(){",
		"    return (",
		"      <div></div>",
		"    )",
		"  }",
		"}"
	],
	"description": "React×é¼þ"
},

"df": {
	"prefix": "df",
	"body": [
		"()=>{",
		"  //函数体", 
		"}",
	],
	"description": "¼ýÍ·º¯Êý"
},

"f1": {
	"prefix": "f1",
	"body": [
		"for (var i=0; i<xxxxxxx.length; i++ ){",
		"  //循环内容",
		"}",
	],
	"description": "forÑ»·1"
},

"f2": {
	"prefix": "f2",
	"body": [
		"for (var j=0; j<xxxxxxx.length; j++ ){",
		"  //Ñ»·ÌåÄÚÈÝ$0",
		"}",
	],
	"description": "forÑ»·2"
},

"fori": {
	"prefix": "fori",
	"body": [
		"for (let index in arr){",
		"  console.log(arr[index])",
		"}",
	],
	"description": "for-in±éÀú"
},

"dfi": {
	"prefix": "dfi",
	"body": [
		"()=>{$0}"
	],
	"description": "箭头函数"
},

"did": {
	"prefix": "did",
	"body": [
		"document.getElementById('$0')"
	],
	"description": "document.getElementById"
},

"dq": {
	"prefix": "dq",
	"body": [
		"document.querySelector('$0')"
	],
	"description": "document.querySelector"
},

"dqa": {
	"prefix": "dqa",
	"body": [
		"document.querySelectorAll('$0')"
	],
	"description": "document.querySelectorAll"
},

"dtag": {
	"prefix": "dtag",
	"body": [
		"document.getElementsByTagName('$0')"
	],
	"description": "document.getElementsByTagName"
},

"jw": {
	"prefix": "jw",
	"body": [
		"javascript:;"
	],
	"description": "javascript:;"
},
"isR": {
	"prefix": "isR",
	"body": [
		"isRequired"
	],
	"description": "javascript:;"
},
"HTML Snippets": {
	"prefix": "!!",
	"body": [
		"<!DOCTYPE html>",
		"<html>",
		"\t<head>",
		"\t\t<meta charset=\"UTF-8\" />",
		"\t\t<title>Document</title>",
		"\t</head>",
		"\t<body>",
		"\t\t$0",
		"\t</body>",
		"</html>"
	],
	"description": "HTML Template"
}

}

二 javascript代码片段设置
{
“csl”: {
“prefix”: “csl”,
“body”: [
“console.log($0);”,
],
“description”: “打印log”
},
“MyComponent”: {
“prefix”: “MyComponent”,
“body”: [
“import React,{Component} from ‘react’\n”,
“export default class MyComponent$0 extends Component{”,
" render(){",
" return (",
"

“,
" )”,
" }",
“}”
],
“description”: “React类组件”
},
“df”: {
“prefix”: “df”,
“body”: [
“()=>{”,
" //函数体$0",
“}”,
],
“description”: “箭头函数”
},
“f1”: {
“prefix”: “f1”,
“body”: [
“for (var i=0; i<xxxxxxx.length; i++ ){”,
" //循环体",
“}”,
],
“description”: “for循环”
},
“forin”: {
“prefix”: “forin”,
“body”: [
“for (let index in arr){”,
" console.log(arr[index])",
“}”,
],
“description”: “for-in循环”
},
“did”: {
“prefix”: “did”,
“body”: [
“document.getElementById(’$0’)”
],
“description”: “document.getElementById”
},
“dq”: {
“prefix”: “dq”,
“body”: [
“document.querySelector(’$0’)”
],
“description”: “document.querySelector”
},
“dqa”: {
“prefix”: “dqa”,
“body”: [
“document.querySelectorAll(’$0’)”
],
“description”: “document.querySelectorAll”
},
“dtag”: {
“prefix”: “dtag”,
“body”: [
“document.getElementsByTagName(’$0’)”
],
“description”: “document.getElementsByTagName”
},
“jw”: {
“prefix”: “jw”,
“body”: [
“javascript:;”
],
“description”: “javascript:;”
},
“scr”: {
“prefix”: “scr”,
“body”: [
“<script type=“text/javascript”>”
],
“description”: “scr”
},
“dfi”: {
“prefix”: “dfi”,
“body”: [
“()=>{$0}”
],
“description”: “箭头函数”
},
“dfp”: {
“prefix”: “dfp”,
“body”: [
“value => {$0},”,
“reason => {}”,
],
“description”: “Promise回调”
},
“dfa”: {
“prefix”: “dfa”,
“body”: [
“response => {$0},”,
“error => {}”,
],
“description”: “axios回调”
},
“crc”: {
“prefix”: “crc”,
“body”: [
“class $0 extends React.Component{”,
" render(){",
" return

hello

",
" }",
“}”
],
“description”: “React类组件”
},
“rdr”: {
“prefix”: “rdr”,
“body”: [
“ReactDOM.render(<$1/>,document.getElementById(’$0’))”,
],
“description”: “rdr”
},
}

琳琳_朵朵

关注

5
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
设置vscode快捷键--用户代码片段

设置常用vscode快捷键–用户代码片段一设置html中代码片段–路径:文件–首选项–用户片段–新建或找到对应的html文件–粘贴一下代码即可!!!{“scr”: {“prefix”: “scr”,“body”: [“<script type=“text/javascript” >”,“$0”,“”],“description”: “<script type=“text/javascript”>”},"scr1": { "prefix": "scr1",
复制链接

扫一扫