Automatically format QML/JS files

To automatically format QML/JS files upon saving, go to Preferences > Qt Quick > QML/JS Editing and select Enable auto format on file save.

QML/JS Editing tab in Qt Quick preferences

To only format files that belong to the current project, select Restrict to files contained in the current project.

Format using an external tool

To use an external tool, such as qmlformat, which automatically formats QML files according to QML coding conventions:

  1. Go to Preferences > Qt Quick > Code Style.

    Custom formatter preferences in the Code Style tab in Qt Quick preferences

  2. In Formatter Selection, select Custom formatter.
  3. In Command, enter the path to the tool.
  4. In Arguments, enter options for running the tool.

See also Check code syntax and Specify Qt Quick code style.