PhpStorm 2017.2 Help

Auto-Completing Code and Paths

This section covers various techniques of context-aware code completion that allow you to speed up the coding process.

Basic code completion. Completing names and keywords

Basic code completion helps you complete names of classes, methods, and keywords within the visibility scope. When you invoke code completion, PhpStorm analyses the context and suggests the choices that are reachable from the current caret position.

Code completion covers supported and custom file types. However, PhpStorm does not recognize the structure of custom file types and suggests completion options regardless of whether a specific type is appropriate in the current context.

If basic code completion is applied to part of a parameter, or a variable declaration, PhpStorm suggests a list of possible names depending on the item type.

To use basic code completion:

  1. Start typing a name.
  2. Press Ctrl+Space or choose Code | Completion | Basic from the main menu.

    The image below shows a suggestion list containing a variable name:

    web_ide_completing_names.png

    The image below shows a suggestion list containing keywords:

    web_ide_completing_names_and_keywords.png
  3. If necessary, press Ctrl+Space for the second time (this action produces the same effect as pressing Ctrl+Alt+Space).
    web_ide_completing_class_name.png

Smart code completion. Completing code based on type information

Smart code completion filters the suggestions list and shows only the types applicable to the current context.

To use smart code completion:

  1. Start typing. Press Ctrl+Shift+Space or choose Code | Completion | SmartType from the main menu.

    SmartType code completion automatically highlights the selection in the suggestions list that is most suitable for the current context.

  2. If necessary, press Ctrl+Shift+Space once again.

Completing statements

The Smart Enter completion enables you to create syntactically correct code constructs.

To automatically complete a statement, start typing it and press N/A. The punctuation required in the current context is added and the caret moves to the next editing position.

  • Completing code constructs: start typing a code construct and press N/A:
    web_ide_completing_code_construct_1.png

    PhpStorm automatically completes the construct, and the caret is placed at the next editing position:

    web_ide_completing_code_construct_2.png

  • : PhpStorm automatically encapsulates a method call when you directly type a new method call next to it.

    For example, type

    |"test"
    and then type the method call. When println gets the focus in the suggestion list, select it with N/A:
    /help/img/idea/2017.2/autoEncapsulation.png
    The resulting code will look like the following:
    System.out.println("test");

Completing tag names

PhpStorm automatically completes tags and attributes names and values in the following file types:

  • HTML/XHTML
  • XML/XSL

Automatic tag name completion is based on the DTD or Schema the file is associated with.

If there is no schema association, PhpStorm will use the file content (tag and attribute names and their values) to complete your input.

In XML/XSL files, completion for taglibs and namespaces is available.

Completing tag names

  1. Press < and start typing the tag name. PhpStorm displays the list of tag names appropriate in the current context. Use the ArrowUp and ArrowDown buttons to scroll through the list.
  2. Press Enter to accept a selection from the list.

    PhpStorm automatically inserts the mandatory attributes according to the schema.

Inserting a taglib declaration

  1. Start typing a tag and press Ctrl+Alt+Space.
  2. Select a tag from the list. The uri of the taglib it belongs to is displayed in brackets.
    /help/img/idea/2017.2/tagCompletionBefore.png
  3. Select the desired taglib and press Enter. PhpStorm adds the declaration of the selected taglib:
    /help/img/idea/2017.2/tagCompletionAfter.png

Importing a taglib declaration

  1. Start typing a taglib prefix and press Alt+Insert.
  2. Select a taglib from the list and press Enter.
    /help/img/idea/2017.2/import2.png

    PhpStorm imports the selected taglib and adds the import statement automatically.

Hippie completion. Expanding words based on context

Hippie completion is a completion engine that analyses your text in the visible scope and draws its completion proposals from the current context. It helps you complete a word with a keyword, class name, method or variable.

To expand a string at caret to an existing word, do the following:

  1. Type the initial string and do one of the following:
    • Press Alt+Slash or choose Code | Completion | Cyclic Expand Word to search for matching words before the caret
    • Press Shift+Alt+Slash or choose Code | Completion | Cyclic Expand Word (Backward) to search for matching words after the caret and in other open files.
    The first suggested value appears, and the prototype is highlighted in the source code:
  2. Press Enter to accept the suggestion, or hold the Alt key and keep pressing Slash until the desired word is found.
    wi_hippie_completion_php.png

Postfix code completion

Postfix code completion helps you reduce backward caret jumps as you write code. It allows you to transform an already typed expression to a different one based on a postfix you type after a dot, the type of expression, and its context.

For example, the .if postfix applied to an expression wraps it with an if statement.

BeforeAfter
function m(arg) { arg.if }
function m(arg) { if (arg) { } }

To enable/disable the postfix completion feature or separate templates, in the Settings / Preferences Dialog dialog, go to Editor | General | Postifx completion. You can also choose which key you want to use to expand postfix templates: Tab, Space, or Enter.

Postfix completion suggestions are shown as part of the basic completion suggestions list. To see a full list of postfix completions applicable in the current context, press Ctrl+J.

Completion tips and tricks

Narrow down the suggestions list

You can narrow down the suggestions list by typing any part of a word (even characters from somewhere in the middle), or invoking code completion after a dot separator. PhpStorm will show suggestions that include the characters you've entered in any positions.

This makes the use of wildcards unnecessary:

wi_suggestion_list_wildcards.png

In case of CamelCase or snake_case names, type the initial letters only. PhpStorm automatically recognizes and matches the initial letters.

Accept a suggestion

You can accept a suggestion from the list in one of the following ways:

  • Press Enter or double-click the desired choice to insert completion to the left from the caret.
  • Press Tab to replace the characters to the right from the caret.
  • Use N/A to make the current code construct syntactically correct (balance parentheses, add missing braces and semicolons, etc.)

View reference information

  • You can use the Quick Definition View by pressing Ctrl+Shift+I when you select an entry in the suggestions list:
    web_ide_suggestion_list.png
  • You can use the Quick Information View by pressing Ctrl+Q when you select an entry in the suggestions list:
    /help/img/idea/2017.2/web_ide_suggestion_list_documentation_lookup.png

Sort entries in the suggestions list

You can sort the suggestions list alphabetically or by relevance. To toggle between these modes, click /help/img/idea/2017.2/a_icon.png or /help/img/idea/2017.2/pi_icon.png respectively in the lower-right corner of the list.

PhpStorm will remember your choice. You can change the default behavior in the Code Completion settings page.

View code hierarchy

You can view code hierarchy when you've selected an entry from the suggestions list:

  • Press Ctrl+H to view type hierarchy type hierarchy
  • Press Ctrl+Alt+H to view call hierarchy
  • Press Ctrl+Shift+H to view method hierarchy

Completing a path

This type of completion aims at speeding up selection of files and folders. The dialog used for that purpose is called rather often, for example, when you specify the installation folder of an external tool or a Version Control engine or configure a PHP interpreter .

  1. Open the Select Path dialog by choosing Open File on the File menu or by clicking the Browse button /help/img/idea/2017.2/browseButton.png next to the field where a path is required.
  2. Make sure that the Path field is visible. If the field is hidden, click the Show path link.
  3. Start typing a path. PhpStorm suggests a pop-up list where you can quickly find the needed directory:
    ps_complete_path_1.png
    As you type, the suggestion list shrinks to show the matching paths only:
    ps_complete_path_2.png
    You can also press Ctrl+Space to show the suggestion list.
  4. Select the relevant suggestion from the list.

See Also

Last modified: 21 August 2017