UltiSnips
Generator
xxxxxxxxxx31
1
snippet with_default "with default value" b2
function ${1:name} {3
${2://body}4
}5
endsnippet6
7
snippet test_visual "visual"8
return ${VISUAL}9
endsnippet10
11
snippet test_shell "shell code"12
should print date: `! date`13
endsnippet14
15
# js block is not supported in UltiSnips16
snippet test_js "javascript code"17
should print date: `!js new Date()`18
endsnippet19
20
snippet nested "nested tabstop"21
${0:outer and ${1:inner}}22
endsnippet23
24
snippet script_inside_tabstop "js script inside tabstop"25
${1:`!js new Date()`}26
endsnippet27
28
snippet tabstop_transformation "import vue component"29
import ${1/(.*)\/([\w]*)\.vue/$2/g} from '${1}'30
endsnippet31
A quick snippet generator
Converted
Debug
vscodexxxxxxxxxx{ "with default value": { "prefix": "with_default", "body": [ "function ${1:name} {", " ${2://body}", "}" ], "description": "with default value" }, "visual": { "prefix": "test_visual", "body": [ "return $TM_SELECTED_TEXT" ], "description": "visual" }, "shell code": { "prefix": "test_shell", "body": [ "should print date: `! date`" ], "description": "shell code" }, "javascript code": { "prefix": "test_js", "body": [ "should print date: `!js new Date()`" ], "description": "javascript code" }, "nested tabstop": { "prefix": "nested", "body": [ "${0:outer and ${1:inner}}" ], "description": "nested tabstop" }, "js script inside tabstop": { "prefix": "script_inside_tabstop", "body": [ "${1:`!js new Date()`}" ], "description": "js script inside tabstop" }, "import vue component": { "prefix": "tabstop_transformation", "body": [ "import ${1/(.*)\\/([\\w]*)\\.vue/$2/g} from '${1}'" ], "description": "import vue component" }}with default valueb
Placeholders:
tabstopindex: 1
TabStop
{
"number": 1,
"description": "name"
}tabstopindex: 2
TabStop
{
"number": 2,
"description": "//body"
}visual
Placeholders:
variablevariableName: UNI_SELECTED_TEXT
Visual
{}shell code
Placeholders:
scriptscriptType: shell
ScriptCode
{
"scriptType": "shell",
"scriptCode": "date"
}javascript code
Placeholders:
scriptscriptType: js
ScriptCode
{
"scriptType": "js",
"scriptCode": "new Date()"
}nested tabstop
Placeholders:
tabstopindex: 0
TabStop
{
"number": 0,
"description": "outer and ${1:inner}"
}tabstopindex: 1
TabStop
{
"number": 1,
"description": "inner"
}js script inside tabstop
Placeholders:
tabstopindex: 1
TabStop
{
"number": 1,
"description": "`!js new Date()`"
}scriptscriptType: js
ScriptCode
{
"scriptType": "js",
"scriptCode": "new Date()"
}import vue component
Placeholders:
tabstopindex: 1
TabStop
{
"number": 1,
"transform": {
"search": "(.*)\\/([\\w]*)\\.vue",
"replace": "$2",
"options": "g"
}
}tabstopindex: 1
TabStop
{
"number": 1
}