Sencha Touch - Umwelt

Einrichtung der lokalen Umgebung

In diesem Abschnitt erfahren Sie, wie Sie Sencha Touch auf Ihren Computer herunterladen und einrichten. Befolgen Sie die Schritte zum Einrichten der Umgebung.

Herunterladen von Bibliotheksdateien

Laden Sie eine kommerzielle Version der Sencha Touch-Bibliotheksdateien über den folgenden Link herunter https://www.sencha.com. Sie erhalten die Testversion von der Website unter Ihrer registrierten E-Mail-ID, bei der es sich um einen komprimierten Ordner mit dem Namen sencha-touch-2.4.2-commercial handelt.

Entpacken Sie den Ordner und Sie finden verschiedene JavaScript- und CSS-Dateien, die Sie in Ihre Anwendung aufnehmen können. Fügen Sie hauptsächlich die folgenden Dateien hinzu:

Javascript Files - JS-Datei, die Sie unter Ordner \ sencha-touch-2.4.2commercial \ touch-2.4.2 finden, sind -

Sr.Nr.	Dateibeschreibung
1	sencha-touch.js Dies ist die Kerndatei, die alle Funktionen zum Ausführen der Anwendung enthält.
2	sencha-touch-all.js Diese Datei enthält den gesamten minimierten Code ohne Kommentare in der Datei.
3	sencha-touch-debug.js Dies ist die nicht minimierte Version von sencha-touch-all.js für Debugging-Zwecke.
4	sencha-touch-all-debug.js Diese Datei ist ebenfalls nicht minimiert und wird für Entwicklungszwecke verwendet, da sie alle Kommentare und Konsolenprotokolle enthält, um Fehler / Probleme zu überprüfen.

Sie können diese Dateien zu Ihrem Projekt-JS-Ordner hinzufügen oder einen direkten Pfad angeben, in dem sich die Dateien in Ihrem System befinden.

CSS Files - Es gibt eine Reihe von themenbasierten Dateien, die Sie unter Ordner I finden: \ sencha touch \ sencha-touch-2.4.2-kommerziell \ touch-2.4.2 \ resources \ css \ sencha-touch.css

Diese Bibliotheksdateien werden in der Sencha Touch-Anwendung wie folgt hinzugefügt:

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

Sie können den Sencha Touch-Anwendungscode in der Datei app.js behalten.

CDN-Setup

CDN ist ein Content Delivery-Netzwerk, mit dem Sie die Sencha Touch-Bibliotheksdateien nicht herunterladen müssen. Stattdessen können Sie Ihrem Programm wie folgt direkt einen CDN-Link für ExtJS hinzufügen:

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

Beliebte Redakteure

Da es sich um ein JavaScript-Framework handelt, das für die Entwicklung von Webanwendungen verwendet wird, verfügt das Projekt über HTML- und JS-Dateien. Zum Schreiben Ihrer Ext JS-Programme benötigen Sie einen Texteditor. Auf dem Markt sind mehrere IDEs verfügbar. Im Moment können Sie jedoch eine der folgenden Möglichkeiten in Betracht ziehen:

Notepad - Auf einem Windows-Computer können Sie einen einfachen Texteditor wie Notepad (für dieses Lernprogramm empfohlen) und Notepad ++ verwenden.
Brackets - Eine weitere beliebte IDE, die von heruntergeladen werden kann http://brackets.io/ .
Sublime - Eine weitere beliebte IDE, die von heruntergeladen werden kann https://www.sublimetext.com/3/ .