Refactoring Source Code
WebStorm offers a wide variety of code refactorings, which track down and correct the affected code references automatically.
To perform refactoring, follow these general steps
- Select (or hover caret on) a symbol or code fragment to refactor. The set of available refactorings depends on your selection. You can select symbols in the following WebStorm components:
- Do one of the following:
- In the dialog box that opens, specify the refactoring options.
- To apply the changes immediately, depending on the refactoring type, click Refactor or OK.
For certain refactorings, there is an option of previewing the changes prior to
actually performing the refactoring. In such cases the
button is available in the corresponding dialog.
To preview the potential changes and make the necessary adjustments, click Preview. WebStorm displays the changes that are going to be made on a dedicated tab of the Find tool window.
One of the possible actions at this step is to exclude certain entries from the refactoring. To do so, select the desired entry in the list and press Delete.
If conflicts are expected after the refactoring, WebStorm displays a dialog with a brief description of the encountered problems. If this is the case, do one of the following:
- Ignore the conflicts by clicking the Continue button. As a result, the refactoring will be performed, however, this may lead to erroneous results.
- Preview the conflicts by clicking the Show in View button. WebStorm shows all conflicting entries on the Conflicts tab in the Find tool window, enabling you to navigate to the problematic lines of code and to make the necessary fixes.
- Cancel the refactoring and return to the editor.
- When you are satisfied with the proposed results, click Do Refactor to apply the changes.
WebStorm provides the following common refactorings:
The following language-specific refactorings are available: