Dot Thing
这是一款通过符号'.'更快键入代码的 vscode 插件。
This is a Vscode plugin passing symbol '.' to type content quickly.
效果图 Effect Picture
- 你可以通过键入 XXX.log 实现 console.log('XXX', XXX) 的快速日志输出
- 你可以通过键入 XXX.info 实现 console.info('XXX', XXX) 的快速日志输出
- 你可以通过键入 XXX.warn 实现 console.warn('XXX', XXX) 的快速日志输出
- 你可以通过键入 XXX.error 实现 console.error('XXX', XXX) 的快速日志输出
- 你可以通过键入 XXX.var 实现 var typeof XXX = XXX 的快速变量声明
- 你可以通过键入 XXX.let 实现 let typeof XXX = XXX 的快速变量声明
- 你可以通过键入 XXX.const 实现 const typeof XXX = XXX 的快速常量声明
自定义配置 Custom Settings
你可以添加自定义配置。
配置项 dotThing.options
类型是 IOption 数组。
默认配置 Default Options
settings.json
{
"dotThing.options": [
{
"target": "log",
"format": "console.log($label, $value)",
"depict": "打印基本日志快捷键入"
},
{
"target": "info",
"format": "console.info($label, $value)",
"depict": "打印信息日志快捷键入"
},
{
"target": "warn",
"format": "console.warn($label, $value)",
"depict": "打印警告日志快捷键入"
},
{
"target": "error",
"format": "console.error($label, $value)",
"depict": "打印错误日志快捷键入"
},
{
"target": "var",
"format": "var $stamp = $value",
"depict": "声明全局变量快捷键入"
},
{
"target": "let",
"format": "let $stamp = $value",
"depict": "声明局部变量快捷键入"
},
{
"target": "const",
"format": "const $stamp = $value",
"depict": "声明局部常量快捷键入"
}
]
}
IOption属性
| 键 |
名 |
类型 |
| target |
关键字 |
string |
| format |
格式化样式 |
string |
| depict |
描述信息 |
string |
format 属性支持插值表达式。
format 插值
| 名称 |
描述 |
| $simple |
类型简写 基于 $stamp 取的值 |
| $stamp |
内容标识 |
| $label |
标签名 |
| $value |
输入值 |
顺便提一下，除了效果图，你还可以这么玩...
settings.json (这么玩，才是这个插件的灵魂)
{
"dotThing.options": [
{
"target": "vtLet",
"format": "let $simple = $ref<$stamp>($value)",
"depict": "vue setup $ref let 变量声明"
},
{
"target": "vrLet",
"format": "let $simple = ref<$stamp>($value)",
"depict": "vue setup ref let 变量声明"
}
]
}
效果 (更多快捷键入还等待着你们自己去挖掘)
配置项 dotThing.languages
类型是字符串数组
默认配置 Default Languages
settings.json
{
"dotThing.languages": [
"html",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue"
]
}
License
MIT License © 2022 Victor Bo
