Live preview of your qml modifications. It works with nested qml components !
Check the online version qmlonline (Now as an official KDE project) !
- AUR:
qhot-git
Build qhot from sources for your specific Qt kit, and install it alongside the other Qt tools. This way qhot will find all the Qt plugins that you already have installed on your local system. No need for a large package.
git clone https://github.com/patrickelectric/qhot.git
cd qhot
# Configure
cmake -B build -DCMAKE_BUILD_TYPE=Release
# Or use CMAKE_PREFIX_PATH where QTDIR should point to a Qt kit, e.g. C:/Qt/5.15.2/msvc2019_64
cmake -S . -B my-build -DCMAKE_BUILD_TYPE=Release -DCMAKE_PREFIX_PATH="$Env:QTDIR"
# Compile
cmake --build build --parallel --config Release
# Install qhot in the bin folder, e.g. C:/Qt/5.15.2/msvc2019_64/bin
cmake --build build --target installTo run qhot:
./qhot.exe myFile.qml or ./qhot.dmg myFile.qml or ./qhot.AppImage myFile.qml
--help, -h, -? Give this friendly help message for our confort
--desktop Force use of desktop GL (AA_UseDesktopOpenGL)
--gles Force use of GLES (AA_UseOpenGLES)
--software Force use of software rendering (Qt::AA_UseSoftwareOpenGL)
--scaling Enable High DPI scaling (AA_EnableHighDpiScaling)
--no-scaling Disable High DPI scaling (AA_DisableHighDpiScaling)
--import-path, -I Add list of **import** paths (path:path)
--plugin-path, -P Add list of **plugin** paths (path:path)
--translation Set the translation file (file)
--style Change style
--profile-path Path (including filename) to qhot-profile.json (file)
--background Set the background color (color)
--quick-controls-conf Path (including filename) to qtquickcontrols2.conf (file)
--app-name Name of the application running inside qhot (name)All the command line options can also be set in a qhot-profile.json file. For
example:
{
"import-path": [
"lib/qml/modules",
"src/qml"
],
"background": "#808080",
"quick-controls-conf": "src/qml/qtquickcontrols2.conf"
}The import paths in the example above are relative to the file itself, but can also be absolute. The relative paths make it more convenient to add it to a vcs repository.
Integrating qhot in QtCreator makes it very easy to quickly prototype within the IDE. See Using External Tools. Example configuration:
- Executable:
C:\Qt\5.15.2\msvc2019_64\bin\qhot.exe - Arguments:
%{CurrentDocument:FilePath} --profile-path "%{ActiveProject:Path}/qhot-profile.json" - Environment:
QT_ASSUME_STDERR_HAS_CONSOLE=1(This will append stdout to the console)
It is also quite handy to add a shortcut in QtCreator to launch qhot. See Keyboard Shortcuts.
- Ctrl+Meta+F1 Launch popup to change background
- Ctrl+Meta+Q Quit application
QHot has the same functionality as qmlscene to load dummy test data and it works exactly the same way: load test data.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent