WebStorm 2018.1 Help

Live Template Variables

Template variables in live templates enable user input. After a template is expanded, variables appear in the editor as input fields.

Variables within templates are declared in the following format:


Variables are defined by expressions, and can accept some default values.

This expression may contain constructs of the following basic types:

  • String constants in double quotes.
  • The name of another variable defined in a live template.
  • Predefined functions with possible arguments.

Template variables are editable in the Edit Template Variables Dialog, which contains a complete list of available functions. For more information, see the list of predefined functions.

Predefined template variables

WebStorm supports two predefined live template variables $END$ and $SELECTION$, both of them are read-only.

  • $END$ indicates the position of the cursor after the template is expanded. For example, the template return $END$; will be expanded into return ; with the cursor positioned right before the semicolon.
  • $SELECTION$ is used in surround templates and stands for the code fragment to be wrapped. After the template is expanded, the selected text is wrapped as specified in the template. For example, if you select EXAMPLE in your code and invoke the "$SELECTION$" template via the assigned abbreviation or by pressing Ctrl+Alt+T and selecting the desired template from the list, WebStorm will wrap the selection in double quotes as follows: "EXAMPLE".

Predefined functions used in live template variables

blockCommentEnd Returns the characters that indicate the end of a block comment in the the current language context.
blockCommentStart Returns the characters that indicate the start of a block comment in the the current language context.
camelCase(String)Converts a string into cameCase. For example, camelCase(my-text-file), camelCase(my text file), and camelCase(my_text_file) all return myTextFile.
capitalizeAndUnderscore(sCamelCaseName)Capitalizes all the letters of a CamelCase name passed as parameter, and inserts an underscore between the parts. For example, capitalizeAndUnderscore(FooBar) returns FOO_BAR.
capitalize(String)Capitalizes the first letter of the parameter.
classNameComplete()This expression substitutes for the class name completion at the variable position.
clipboard()Returns the contents of the system clipboard.
commentEnd Returns the characters that indicate the end of a comment in the current language context. The return value is empty if line comments are defined in the current language.
commentStart Returns the characters that indicate the start of a comment in the current language context. If line comments are defined in the current language, their start indicator is preferable.
complete() Invokes code completion at the position of the variable.
completeSmart() Invokes smart type completion at the position of the variable.
date(sDate) Shows the current system in the specified format.

By default, the current date is returned in the default system format. However, if you specify date format in double quotes, the date will be presented in this format:

decapitalize(sName)Replaces the first letter of a name parameter with the corresponding lowercase letter.
enum(sCompletionString1,sCompletionString2,...)Shows a list of comma-separated strings suggested for completion at the template invocation.
escapeString(sEscapeString)Escapes a string.
expectedType()Returns the expected type of the expression into which the current template expands. Makes sense if the template expands in the right part of an assignment, after return, etc.
fileName()Returns the name of a file with its extension.
fileNameWithoutExtension()Returns the name of a file without its.
firstWord(sFirstWord)Returns the first word of a string.
groovyScript("groovy code")Returns Groovy script with the specified code.
You can use groovyScript macro with multiple arguments. The first argument is a script text that is executed or a path to the file that contains a script. The next arguments are bound to _1, _2, _3, ..._n variables that are available inside your script.
Also, _editor variable is available inside the script. This variable is bound to the current editor.
JsArrayVariable Returns the name of the current JavaScript array.
jsClassName()Returns the name of the current JavaScript class.
jsComponentTypeOf() Returns the type of the current JavaScript component.
jsMethodName()Returns the name of the current JavaScript method.
jsQualifiedClassName Returns the complete name of the current JavaScript class.
jsSuggestIndexName Returns a suggested name for an index.
jsSuggestVariableName Returns the suggested name for a variable.
lineCommentStart Returns the characters that indicate the start of a line comment in the current language context.
lineNumber()Returns the current line number.
lowercaseAndDash(String) Converts a capitalized camelCase string into lower case and inserts n-dashes as separators. For example, lowercaseAndDash(MyExampleName) returns my-example-name.
snakeCase(String) Converts a string into snake_case, for example, snakeCase(fooBar) returns foo_bar.
spaceSeparated(String) Converts a CamelCase string into lower case and inserts spaces as separators. For example, spaceSeparated(fooBar) returns foo bar.
substringBefore(String,Delimiter) Removes the extension after the specified delimiter and returns only the file name. This is helpful for test file names, for example, substringBefore($FileName$,".") will return component-test in component-test.js.
time(sSystemTime)Returns the current system time.
underscoresToCamelCase(sCamelCaseText)Replaces underscores with CamelHump letters. For example, underscoresToCamelCase(foo_bar) returns underscoresToCamelCase(fooBar).
underscoresToSpaces(sParameterWithSpaces)Replaces underscores with spaces.
user()Returns the name of the current user.
Last modified: 7 February 2018

See Also