Sencha Touch - Ambiente
Configurazione dell'ambiente locale
Questa sezione ti guida su come scaricare e configurare Sencha Touch sulla tua macchina. Segui i passaggi per configurare l'ambiente.
Download dei file della libreria
Scarica una versione commerciale dei file della libreria Sencha Touch dal seguente collegamento https://www.sencha.com. Otterrai la versione di prova dal sito sul tuo ID di posta registrato, che sarà una cartella compressa denominata sencha-touch-2.4.2-commercial.
Decomprimi la cartella e troverai vari file JavaScript e CSS da includere nella tua applicazione. Includere principalmente i seguenti file:
Javascript Files - Il file JS che puoi trovare nella cartella \ sencha-touch-2.4.2commercial \ touch-2.4.2 sono -
Suor n | Descrizione del file |
---|---|
1 | sencha-touch.js Questo è il file principale che contiene tutte le funzionalità per eseguire l'applicazione. |
2 | sencha-touch-all.js Questo file contiene tutto il codice minimizzato senza commenti nel file. |
3 | sencha-touch-debug.js Questa è la versione non ridotta di sencha-touch-all.js a scopo di debug. |
4 | sencha-touch-all-debug.js Anche questo file non è minimizzato e viene utilizzato per scopi di sviluppo poiché contiene tutti i commenti e i log della console per verificare eventuali errori / problemi. |
È possibile aggiungere questi file alla cartella JS dei progetti oppure fornire un percorso diretto in cui risiedono i file nel sistema.
CSS Files - Esistono numerosi file basati su temi che puoi trovare nella cartella I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css
Questi file di libreria verranno aggiunti nell'applicazione Sencha Touch come segue:
<html>
<head>
<script type = "text/javascript" src = "../sencha-touch-2.4.2-commercial/touch-2.4.2/sencha-touch-all.js"></script>
<link href = "../sencha-touch-2.4.2-commercial/touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type ="text/javascript" src = "app.js" > </script>
</head>
</html>
Puoi mantenere il codice dell'applicazione Sencha Touch nel file app.js.
Configurazione CDN
CDN è una rete di distribuzione di contenuti con la quale non è necessario scaricare i file della libreria Sencha Touch, ma è possibile aggiungere direttamente il collegamento CDN per ExtJS al programma come segue:
<html>
<head>
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js"></script>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel="stylesheet" />
<script type = "text/javascript" src = "app.js" > </script>
</head>
</html>
Redattori popolari
Poiché è un framework JavaScript utilizzato per lo sviluppo di applicazioni web, il progetto avrà HTML, file JS e per scrivere i tuoi programmi Ext JS, avrai bisogno di un editor di testo. Ci sono più IDE disponibili sul mercato. Ma per ora, puoi considerare uno dei seguenti:
Notepad - Su una macchina Windows, puoi utilizzare qualsiasi semplice editor di testo come Blocco note (consigliato per questo tutorial), Blocco note ++.
Brackets - Un altro IDE popolare che può essere scaricato da http://brackets.io/ .
Sublime - Un altro IDE popolare che può essere scaricato da https://www.sublimetext.com/3/ .