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

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

设置html中代码片段–路径:文件–首选项–用户片段–新建或找到对应的html文件–粘贴一下代码即可!!!
{
“scr”: {
“prefix”: “scr”,
“body”: [
" ], "description": "" }, "scrb": { "prefix": "scrb", "body": [ "" ], "description": "" }, "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 (", "

", " )", " }", "}" ], "description": "React×é¼þ" }, "df": { "prefix": "df", "body": [ "()=>{", " //函数体", "}", ], "description": "¼ýÍ·º¯Êý" }, "f1": { "prefix": "f1", "body": [ "for (var i=0; i{$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": [ "", "", "\t", "\t\t", "\t\tDocument", "\t", "\t", "\t\t$0", "\t", "" ], "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 " //循环体",
“}”,
],
“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”: [

你可能感兴趣的:(javascript,html,html5)