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/ .