Qt Quick/QML example using CMake
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Clean Editor

A simple code editor using Qt Qml/Quick and Widgets front-ends


Sample project that demonstrates how to structure a Qt example with two front-ends sharing the same back-end. The two front-ends use different Qt technologies: Qt Widgets as well as Qt Quick/QML. Currently only the QML front-end has been implemented.

The project is a simple code editor, where it's possible to open and edit files.

Further details of the project can be found on my blog www.cleanqt.io, where it's thoroughly covered in the Crash Course for C++ developers series.


These are the instructions on how to build the sample application using the CMake buildsystem generator.

The project requires:

  • CMake version >= 3.8.2
  • Qt version >= 5.11 with Core, Gui, Qml, Quick, QuickControls2 enabled.


  1. From the root directory of the checkout, create a build directory and change into it:
mkdir build
cd build
  1. Generate the desired project by using cmake. Specify the generator with the -G option. See cmake --help for more information. Example using default generator and debug build:
cmake -DCMAKE_PREFIX_PATH=/qt5/install/path -DCMAKE_BUILD_TYPE=Debug ..
  1. Build by running either of the following commands:
make    # Unix,
nmake   # Windows

Alternatively, if you're using Qt Creator, just open up the CMakeLists.txt in the root directory.