Live Coding Environment for C++, Qt and QML

This project aims to be the C++ version for Qt/QML live coding.

In constrast to other live coding environments, this project is a live coding QML module meant to be integrated into your application.

Integrating QML live coding into your application significantly boosts your HMI developers productivity. Compared to stand-alone solutions, this approach enables integration of C++ QML components without deploying them first.

Additionally, it enables customization of the live coding environemnt, including pre-loading of resource intensive QML components.

See also

• My blog post about Qt/QML live coding
• python-qt-live-coding: The Python version of this project.
• qtquick-qmake-catch-trompeloeil-live: Template for QMake based projects
• qtquick-cmake-catch-trompeloeil-live Template for CMake based projects
• Lightning Talk from QtDay.it 19

Qt/QML Live Coding with C++ Tutorial

Install

With Qt Creator

• git clone the project repository
• Open the projects .pro file in Qt Creator
• add a new make install step with Make argument install
• Build

From the terminal

git clone https://github.com/machinekoder/cpp-qt-live-coding.git
cd cpp-qt-live-coding
mkdir build
cd build
qmake ..
make -j$(nproc)
make install

How to Use

To use the live coding environment, you need to follow these steps:

1. Create live.qml which is the live coding version of your main.qml.
2. Modify your main.cpp to add a -l --live command line argument.
3. Disable shadow build and run your application.

Take a look at example for an example.

Cookiecutter project template

The easiest way to create a new project with live-coding enable is to use the Cookiecutter template.

pip install cookiecutter
cookiecutter gh:machinekoder/cookiecutter-qtquick-qmake-catch-trompeloeil-live