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 preferences}

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

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

  1. Select Use custom command instead of built-in formatter.
  2. In Command, enter the path to the tool.
  3. In Arguments, enter options for running the tool.

See also Check code syntax and Qt Quick Code Style.

Available under certain Qt licenses.
Find out more.