CLion 2018.2 Help

Auto Import

File | Settings | Editor | General | Auto Import for Windows and Linux
CLion | Preferences | Editor | General | Auto Import for macOS
Ctrl+Alt+S icons general settings svg


XML

Show import popupAutomatically display an import popup dialog box when typing the name of an unbound namespace.

C/C++/Objective-C

Show import popupAutomatically display an import popup dialog box when typing a symbol that lacks an import statement.
cl import popup
Auto import in completion If this checkbox is selected, CLion automatically inserts an import statement when you complete a symbol in another project file.

Python

Show import popupAutomatically display an import popup dialog box when typing the name of a class that lacks an import statement.
Preferred import styleSelect the style of import statement to be generated. The possible options are:
  • from <module> import <name>
  • import <module>.<name>

TypeScript/JavaScript

Add ES6 imports on code completion
  • If this checkbox is selected, CLion automatically inserts an import statement in JavaScript code when you complete a symbol exported using ES6 exports in another project file:
  • When the checkbox is cleared, on pressing Alt+Enter CLion shows a pop-up that suggests to import the symbol:
  • Completion and auto import also work for React components, including stateless components. CLion properly detects them, provides code completion, and adds import statements automatically:
Add TypeScript imports automatically Select this checkbox if you want CLion to generate import statements in TypeScript code. Use the checkboxes below to choose when import generation will be invoked.
  • On code completion: If this checkbox is selected, CLion automatically inserts an import statement in TypeScript code when you complete a symbol exported in another project file.
  • With import popup: If this checkbox is selected, CLion shows a tooltip with an import suggestion when you place the cursor at an unresolved symbol that can be imported. When the checkbox is cleared, you can invoke import generation only be pressing Alt+Enter.
  • Unambiguous imports on the fly: With this checkbox selected, CLion adds import statements when you type your code or paste a fragment with a symbol that is not yet imported if there is only one source to import the symbol from.

When you use ES6 modules in a browser that requires full file names, for example, in Chrome, it is important that the names of ES6 modules in import statements have the js extensions.

  • To add the extension automatically in the JavaScript context, select the Use file extension in module name checkbox on the Imports tab of the Code Style: JavaScript page.
  • To add the extension automatically in the TypeScript context, select the Use .js file extension in module name checkbox on the Imports tab of the Code Style: TypeScript page.

Last modified: 18 September 2018