Diferència entre revisions de la pàgina «PureQML»

De binefa.com
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''':
+
== Instal·lació de l'eina '''python-future''' ==
 
  pip3 install future
 
  pip3 install future
  
* Primera aplicació
+
== 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'':
+
== Modificació de ''prjFolder/src/app.qml'' ==
 
  Text {
 
  Text {
 
         anchors.fill: context;
 
         anchors.fill: context;

Revisió del 14:33, 5 maig 2022

Pàgina oficial de PureQML

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