vscode-全局代码块

{
// Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
// used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
// Placeholders with the same ids are connected.
// Example:
// log打印
"Print to clog": {
"prefix": "clog",
"body": ["console.log($1);"],
"description": "Log output to console"
},
// vuehtml页面
"Print to vue": {
"prefix": "vue",
"body": [
"

",
"

{{ message }}

",
"

",
"",
""
],
"description": "Log output to console"
},
// vuecli构建页面
"Print to vuecli": {
"prefix": "vuecli",
"body": [
"",
"",
""
],
"description": "Log output to console"
},
// linkbase
"Print to linkbase": {
"prefix": "linkbase",
"body": [""],
"description": "Log output to console"
},
// 常用属性
"Print to disib": {
"prefix": "disib",
"body": ["display: inline-block;"],
"description": "Log output to console"
},
// 常用属性2
"Print to disf": {
"prefix": "disf",
"body": ["display: flex;"],
"description": "Log output to console"
},
// 常用属性2
"Print to disfc": {
"prefix": "disfc",
"body": ["display: flex;", "justify-content: center;", "align-items: center;"],
"description": "Log output to console"
},
// 常用属性2
"Print to baul": {
"prefix": "baul",
"body": ["background: url(../img/PC_UI/ia_300000122.png) no-repeat;", "background-size: 100% 100%;"],
"description": "Log output to console"
},
// 常用属性2
"Print to bak": {
"prefix": "bak",
"body": ["background: yellow;"],
"description": "Log output to console"
},
//打印
"Print to con": {
"prefix": "con",
"body": ["console.log($1);"],
"description": "Log output to console"
},
//超级打印
"Print to colog": {
"prefix": "colog",
"body": ["console.log('%c'+'$1','color:#fff;font-size:100px; background-image: linear-gradient(to right,#e73ed1,#401ce0);');"],
"description": "Log output to console"
},
//then
"Print to athen": {
"prefix": "athen",
"body": ["then((res)=>{", "console.log(res);", "})"],
"description": "Log output to console"
},
//less测试常用
"Print to less": {
"prefix": "less",
"body": [
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"$2",
"",
"",
""
],
"description": "Log output to console"
},
//vuet
"Print to console": {
"prefix": "vuet",
"body": [
"",
"",
"",
""
],
"description": "Log output to console"
},
//伪类图标
"Print to tbafter": {
"prefix": "tbafter",
"body": [" .15rem;", "height: .15rem;", "display: inline-block;", "content: '';", "background: url('../assets/img/gou.png') no-repeat center/100%;", "margin-right: .2rem;"],
"description": "Log output to console"
},
//定位居中
"Print to posi": {
"prefix": "posi",
"body": ["position: absolute;", "top: 50%;", "left: 50%;", "transform: translate(-50%, -50%);"],
"description": "Log output to console"
},
//react 组件化
"Print to comp": {
"prefix": "comp",
"body": ["<$1/>"],
"description": "Log output to react 组件化"
},
//横线注释
"Print to zs": {
"prefix": "zs",
"body": ["// $1----------------------------------------------------------------------------------"],
"description": "Log output to react 组件化"
},
//fn
"Print to fn": {
"prefix": "fn",
"body": ["$1(){", "},"],
"description": "Log output to react 组件化"
}
}