RubyMine 6.3.0 Web Help

RubyMine supports developing and running TypeScript source code. RubyMine recognizes *.ts files, and allows you to edit them providing full range of coding assistance without any additional steps from your side. TypeScript files are marked with the typeScript.png icon.

To run, debug, and test your code you will need it translated into JavaScript which requires a transpiler

In this section:

Preparing for TypeScript development
  1. Make sure the JavaScript Support plugin os enabled. The plugin is bundled with RubyMine and activated by default. If it is not, enable the plugin.
  2. Make sure the Node.js plugin is installed and enabled. The plugin is not bundled with RubyMine but it is available from the JetBrains plugin repository.
  3. Download and install the Node.js framework.
  4. Configure the Node.js interpreter in RubyMine:
    1. Choose File | Settings and in the Settings dialog box that opens, click Node.js and NPM.
    2. On the Node.js page that opens, specify the location of the desired Node.js interpreter.

Coding assistance

TypeScript support includes:

  • Code completion for keywords, labels, variables, parameters and functions.
  • Error and syntax highlighting.
  • Code formatting and folding.
  • Numerous code inspections and quick-fixes.
  • Refactoring
    • Common refactoring procedures, such as extract method , inline, rename/move, etc.
    • TypeScript-specific refactoring procedures, such as change signature, extract parameter, extract variable. These types of refactoring are identical with JavaScript, for more details, see the section JavaScript-Specific Refactorings
  • Code generation
    • Generating code stubs based on file templates during file creation.
    • Ability to create line and block comments (Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Ctrl+Slash or Ctrl+NumPad /Alt+SemicolonCtrl+Slash, Ctrl+NumPad / or Ctrl+ColonCtrl+Slash, Ctrl+NumPad / or Ctrl+Shift+CCtrl+Slash or Ctrl+NumPad /Meta+Slash or Meta+NumPad /Command Slash or Command NumPad /Command Slash or Command NumPad /Command Slash or Command NumPad /Command Slash or Command NumPad //Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+Slash, Ctrl+Shift+NumPad / or Ctrl+Shift+ColonCtrl+Shift+Slash or Ctrl+Shift+NumPad /Ctrl+Shift+SlashCtrl+Shift+Slash, Ctrl+Shift+NumPad /, Shift+Meta+Slash or Shift+Meta+NumPad /Alt Command Slash, Alt Command NumPad /, Control Shift Slash, Control Shift NumPad /, Shift Command Slash or Shift Command NumPad /Control Shift Slash, Control Shift NumPad /, Shift Command Slash or Shift Command NumPad /Control Shift SlashControl Shift Slash, Control Shift NumPad /, Shift Command Slash or Shift Command NumPad /).
    • Downloading stubs for TypeScript definition files and configuring them as a RubyMine JavaScript library (see Configuring JavaScript Libraries).
  • Navigation and search through the source code:
    1. Navigating with Structure View.
    2. Navigate | Declaration (Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+Alt+G, Escape, Period, Alt+Period or Ctrl+Button1 ClickF12, Shift+F2, Ctrl+B, Ctrl+Button1 Click or Button2 ClickCtrl+B, Ctrl+Button1 Click or Button2 ClickF3 or Ctrl+Button1 ClickMeta+B, Meta+Button1 Click or Button2 ClickCommand B, Command Button1 Click or Button2 ClickCommand B, Command Button1 Click or Button2 ClickF3 or Control Button1 ClickCommand B, Command Button1 Click or Button2 Click).
    3. Navigate | Implementation (Ctrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+Alt+B or Ctrl+Alt+Button1 ClickCtrl+T or Ctrl+Alt+BAlt+Meta+Button1 ClickAlt Command B or Alt Command Button1 ClickAlt Command B or Alt Command Button1 ClickAlt Command B or Alt Command Button1 ClickAlt Command B or Alt Command Button1 Click) from overridden method / subclassed class.
  • Transpiling to JavaScript for further running, testing, and debugging.

See Also

Language and Framework-Specific Guidelines:

External Links:

Web Resources: