Rider Help

Auto Import

File | Settings | Editor | General | Auto Import for Windows and Linux
Rider | Preferences | Editor | General | Auto Import for macOS
Ctrl+Alt+S /help/img/rider/2017.1/settings.png


XML

Show import pop-upAutomatically display an import pop-up dialog box when typing the name of an unbound namespace.

TypeScript/JavaScript

Add ES6 imports automatically
  • If this check box is selected, Rider automatically inserts an import statement in JavaScript code when you complete a symbol exported using ES6 exports in another project file:
  • When the check box is cleared, on pressing Alt+Enter Rider shows a pop-up that suggests to import the completed symbol:
    ws_es6_autoimport_off.png
  • Completion and autoimport also work for React components, including stateless components. Rider properly detects them, provides code completion, and adds import statements automatically:
Add TypeScript imports automatically
  • If this check box is selected, Rider automatically inserts an import statement in TypeScript code when you complete a symbol exported in another project file.
  • When the check box is cleared, on pressing Alt+Enter Rider shows a pop-up that suggests to import the completed symbol.
Last modified: 11 October 2017