Code Templates in TypeScript

Most of ReSharper's code template features are also supported in TypeScript. You can find the detailed information on these features in the corresponding topics of the Code templates section.

Live Templates

Live/Surround templates can be used for generating code in existing files and (if there is the $SELECTION$ parameter in the template body) for surrounding code fragments with template code, such as try...catch statement.
Each live template is identified by a Shortcut — a short string of characters, for example foreach — that you can type right in the editor to invoke the template.

ReSharper provides plenty of predefined live templates. You can also create custom live templates in the dedicated editor or right from existing source code.

File Templates

File templates are used to create one or more new files with predefined code, such as a type declaration, unit test, and so on. File templates have no shortcuts, they are identified by their descriptions. See Create files from templates and Create multi-file templates for details.

A file template can create more than one file when you apply the template. This may be helpful when related data is saved in different files.

There are predefined templates for file, class, interface, and module. You can also create new file and multi-file templates .

Postfix Templates

Postfix templates help you transform expressions that you have already typed without jumping backwards — just type a dot after an expression and pick a template from the completion list.

Below is the list of postfix templates available in TypeScript.

Shortcut	Description	Example
.else	Checks boolean expression to be 'false'	`if (!expr)`
.forof	Iterates over an iterable object	`for (let x of expr)`
.if	Checks boolean expression to be 'true'	`if (expr)`
.instanceof	Checks instance of expression	`if (x instanceof Class)`
.notnull	Checks expression to be not-null	`if (expr !== null)`
.notundefined	Checks expression to be not-undefined	`if (expr !== undefined)`
.null	Checks expression to be null	`if (expr === null)`
.return	Returns expression from current function	`return expr;`
.typeof	Checks type of expression	`if (typeof x === 'string')`
.undefined	Checks expression to be undefined	`if (expr === undefined)`
.var	Introduces variable for expression	`let x = expr;`

Last modified: 07 April 2022