JetBrains Rider
 
2023.1
Shortcuts: Visual Studio 2022 (Windows)
Get JetBrains Rider
You are viewing the documentation for an earlier version of JetBrains Rider.
  1. Create and edit code
  2. Code templates
  3. Web-specific templates
  4. Live templates

Live templates

Last modified: 28 March 2023

Expand a live template: Tab

Configure: Ctrl+Alt+S Settings/Preferences | Editor | Live Templates | Other Languages

note

This page describes web-specific templates, which work in HTML, JavaScript, TypeScript, and so on. Templates for .NET languages are described in .NET-specific templates.

Use live templates to insert common constructs into your code, such as loops, conditions, declarations, or print statements.

To expand a code snippet, type the corresponding template abbreviation and press Tab. Keep pressing Tab to jump from one variable in the template to the next one. Press Shift+Tab to move to the previous variable.

https://resources.jetbrains.com/help/img/rider/2023.1/ws_react_live_template.png
Gif

Types of live templates

The following types of live templates are distinguished:

  • Simple templates contain only fixed plain text. When you expand a simple template, the text is automatically inserted into your source code, replacing the abbreviation.

    Abbreviation

    Expands to

    psfs

    public static final String

    main or psvm

    public static void main(String[] args){

}

    sout

    System.out.println();

  • Parameterized templates contain variables that enable user input. When you expand a parameterized template, variables are either replaced by input fields for the user to specify manually, or calculated by JetBrains Rider automatically.

    Abbreviation

    Expands to

    fori

    for (int i = 0; i < ; i++) {

}

    ifn

    if (var == null) {

}

  • Surround templates wrap a block of the selected code with the text specified by the user. For example, T expands into a pair of tags, for which you can specify a name. You can also select a block of code, then press Ctrl+E, U to open the Select Template popup and select the T template to wrap the selection with a pair of tags.

Postfix code completion is similar to live templates. It transforms the current expression without selecting it. For example, you can type .if after an expression to invoke the corresponding postfix completion and wrap the expression with an if statement.

Configure live templates

To configure live templates, open the Editor | Live Templates | Other Languages page of the IDE settings Ctrl+Alt+S. On the Live Templates page, you can see all the available live templates, edit them and create new templates.

Templates are grouped according to the context where they can be used (usually, by the corresponding language). To move a template to another group, right-click the template, select Move, and then select the necessary group name.

note

If you set a dialect for a live template, this live template will work only in this dialect.

Each live template is defined by an abbreviation containing alphanumeric characters, dots, and hyphens. The abbreviation must be unique within a group, but the same abbreviation may be used in different groups and expand to different constructs according to the context of the corresponding group. Abbreviations of modified default templates are shown in the list with blue font.