Blog

Ext JS 5 Tutorial #03 – Installare Sencha Cmd e creare un programma

Sencha Cmd è un potente tool a linea di comando utile per sviluppare applicazioni Sencha Touch e Ext JS, disponibile per i sistemi operativi Windows, Mac e Linux.

Vediamo brevemente come installarlo ed utilizzarlo per creare un primo programma Ext JS 5.

1) Installazione di Sencha Cmd:

– Scaricate Sencha Cmd al seguente indirizzo:

http://www.sencha.com/products/sencha-cmd/

– Estraete il file scaricato (potete usare 7-Zip) ed installate Sencha Cmd:

(Nel mio caso il file si chiama SenchaCmd-5.0.1.231-windows.exe)

– Quando il setup vi chiede l’installation directory lasciate il path di default:

t3_img01

– Proseguite e terminate l’installazione di Sencha Cmd.

Se state tentando di installare la versione Linux (Ubuntu) di Sencha Cmd potete seguire questa guida.

2) Utilizzo di Sencha Cmd:

una volta installato, è il momento di utilizzare questo tool, per creare una prima applicazione Ext JS (o Sencha Touch).

– Aprite il prompt dei comandi di Windows (oppure il terminale Linux):

t3_img03

Verificate che Sencha Cmd sia correttamente installato scrivendo “sencha” e premendo invio.

Se tutto è ok, dovreste vedere una cosa simile:

t3_img04

Sencha Cmd in questo caso è correttamente installato e pronto all’uso!

Per qualsiasi dubbio fate riferimento alla documentazione ufficiale di Sencha Cmd: http://docs-origin.sencha.com/cmd/

Vediamo ora come creare il template per la nostra prima applicazione Ext JS 5.

Sempre nella finestra del prompt dei comandi (o nella console Linux) digitiamo:

Premiamo invio.

Questo comando avvierà il download di “Ext JS Commercial Trial package” e lo utilizzerà per generale l’applicazione desiderata (Test01):

t3_img05

L’applicazione è ora pronta!

Per visualizzarla aprite il browser (Chrome o Safari) e puntatelo al percorso appena specificato.

Nel mio caso l’url completo sarà: http://localhost/sencha/extjs/Test01/

t3_img06

Un esempio pratico è visualizzabile qui:

Buon lavoro!