Rearrange code
You can rearrange your code according to the arrangement rules set in the Code Style page of the Settings dialog.
note
You can set up the arrangement rules for JavaScript, TypeScript, HTML, XML, CSS, and SCSS.

tip
You can exclude specific files and folders from arrangement. For more information, refer to Exclude files from reformatting.
Press CtrlAlt0S to open the IDE settings and then select Editor | Code Style.
In the editor, select the code entries you want to rearrange and from the main menu, select Code | Rearrange Code.
You can configure the IDE to rearrange code elements in modified files automatically when your changes are saved.
Press CtrlAlt0S to open the IDE settings and then select Tools | Actions on Save.
Enable the Rearrange code option.
Additionally, you can click Configure arrangement rules to specify the rules for reordering code elements for the selected language.
Thanks for your feedback!