ReSharper recognises *.ts and *.d.ts files, and highlights source code within such files according to the predefined colors. You can change colors and fonts at any time. For more information, see Configuring Syntax Highlighting.
As usual, you can use Code completion features to ease code writing.
TypeScript is an object-oriented programming language, so we can define types and members.
For example, ReSharper suggests members of the current instance after this keyword.
ReSharper also takes into account the right level of abstraction. Consider the example below. After a new instance of the Vector object is initialized, ReSharper displays all available members in the completion list.
The minus and plus methods are public, so they are in the list. The times method is private, so it is excluded from the list.
To find out what navigation features are supported for TypeScript on the whole and for the current symbol in particular,
use Navigate to context menu. Place the caret at the symbol and press Ctrl+Shift+GAlt+~.
To find a symbol quickly by its name in the current file and navigate directly to its declaration, press Ctrl+F12Alt+\. For more information, see Go to File Member.
If you need a quick look at the code structure of a file, press Ctrl+F11Ctrl+Alt+F to open the File Structure window. You can expand compound elements, for example classes, investigate them and navigate to their declarations.
If a symbol is used in multiple places and you want to find all its usages, place the caret at the symbol and press Alt+F7Ctrl+K,R or Shift+F12.
One of the most time-consuming refactorings is supported for TypeScript. Modifying the name of a symbol can cause many problems, if you try to do it manually. When you invoke the Rename refactoring, all checks are done by ReSharper. Either all modification are performed smoothly, if no conflicts exist, or you get the list with conflicts that you can resolve manually to be sure that only necessary and appropriate changes will be made.