Skip to content
p-kudrin edited this page Mar 24, 2015 · 2 revisions

Debug Support

debug1.png

Syntax highlighting

Create a file with TypeScript extension (ts or d.ts) and open it in the editor.

04_syntax_highlight.png

Code Completion

The IDE provides code completion for keywords, types, functions and variables. To invoke code completion press Ctrl+Space in the TypeScript editor while the text input caret is on one of them.

05_code_completion.png

Code Outline

Open Outline View in IDE to display the outline of the TypeScript file currently being edited.

06_outline_view.png

You also can press Ctrl+O to display a Quick Outline with filter functionality.

07_quick_outline.png

Find References

Press Ctrl+Shift+G to find all references of the selected element in the current project.

08_find_references.png

Rename / Refactor

Press Ctrl+R to display the Rename / Refactor wizard dialog

09_rename_refactor.png

Open Type

The IDE allows to search for type declarations: press Ctrl+Shift+T to display the Open Type dialog.

10_open_type.png

Code Compilation

To enable code compilation select Configure → Add TypeScript Support in the context menu of the project:

01_enable_typescript.png

Now you need to configure TypeScript compiler settings in the project properties:

3336663603-02_build_settings.png

Now your TypeScript code can be compiled. If there are any compilation errors, you will see them in the Problems View:

03_problems_view.png

Format Code

To format your code using the TypeScript code convention press Ctrl+Shift+F in the opened editor. Formatting options are available in the global IDE configuration (Window → Preferences → TypeScript):

Comment Code

Press Ctrl+/ to comment/uncommment the selected text block.

Open Declaration

The application provides quick navigation to element declaration through a Ctrl+left click on the element.