Diferència entre revisions de la pàgina «PureQML»
Salta a la navegació
Salta a la cerca
(Es crea la pàgina amb «[https://pureqml.com/ Pàgina oficial de PureQML] = Posada en marxa del PureQML = * Instal·lació de l'eina '''python-future''': pip3 install future * Primera apli...».) |
|||
| Línia 2: | Línia 2: | ||
= Posada en marxa del PureQML = | = Posada en marxa del PureQML = | ||
| − | + | == Instal·lació de l'eina '''python-future''' == | |
pip3 install future | pip3 install future | ||
| − | + | == Primera aplicació == | |
mkdir prjFolder | mkdir prjFolder | ||
cd prjFolder | cd prjFolder | ||
| Línia 14: | Línia 14: | ||
Obriu amb un navegador l'arxiu ''prjFolder/build.web/index.html'' | Obriu amb un navegador l'arxiu ''prjFolder/build.web/index.html'' | ||
| − | + | == Modificació de ''prjFolder/src/app.qml'' == | |
Text { | Text { | ||
anchors.fill: context; | anchors.fill: context; | ||
Revisió del 14:33, 5 maig 2022
Contingut
Posada en marxa del PureQML
Instal·lació de l'eina python-future
pip3 install future
Primera aplicació
mkdir prjFolder cd prjFolder git clone https://github.com/pureqml/qmlcore.git ./qmlcore/build --boilerplate ./qmlcore/build
Obriu amb un navegador l'arxiu prjFolder/build.web/index.html
Modificació de prjFolder/src/app.qml
Text {
anchors.fill: context;
text: 'Primer exemple de pureQML';
color: 'red';
font.pixelSize: 32;
verticalAlignment: Text.AlignVCenter;
horizontalAlignment: Text.AlignHCenter;
}
Reconstruïu-ho:
./qmlcore/build
Torneu a obrir amb un navegador l'arxiu prjFolder/build.web/index.html per a observar els canvis
