Sencha Touch - Środowisko
Konfiguracja środowiska lokalnego
Ta sekcja zawiera instrukcje pobierania i konfigurowania Sencha Touch na komputerze. Postępuj zgodnie z instrukcjami, aby skonfigurować środowisko.
Pobieranie plików bibliotecznych
Pobierz komercyjną wersję plików biblioteki Sencha Touch z poniższego linku https://www.sencha.com. Otrzymasz wersję próbną z witryny na swój zarejestrowany identyfikator poczty, który będzie spakowanym folderem o nazwie sencha-touch-2.4.2-commercial.
Rozpakuj folder, a znajdziesz różne pliki JavaScript i CSS, które możesz dołączyć do swojej aplikacji. Uwzględnij głównie następujące pliki -
Javascript Files - Plik JS, który można znaleźć w folderze \ sencha-touch-2.4.2commercial \ touch-2.4.2 to -
Sr.No | Opis pliku |
---|---|
1 | sencha-touch.js Jest to plik podstawowy, który zawiera wszystkie funkcje potrzebne do uruchomienia aplikacji. |
2 | sencha-touch-all.js Ten plik zawiera cały zminimalizowany kod bez komentarzy w pliku. |
3 | sencha-touch-debug.js To jest niezminifikowana wersja sencha-touch-all.js do celów debugowania. |
4 | sencha-touch-all-debug.js Ten plik jest również niezminifikowany i służy do celów programistycznych, ponieważ zawiera wszystkie komentarze i dzienniki konsoli do sprawdzania wszelkich błędów / problemów. |
Możesz dodać te pliki do folderu JS projektów lub podać bezpośrednią ścieżkę do lokalizacji plików w systemie.
CSS Files - Istnieje wiele plików motywów, które można znaleźć w folderze I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css
Te pliki bibliotek zostaną dodane w aplikacji Sencha Touch w następujący sposób -
<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>
Możesz zachować kod aplikacji Sencha Touch w pliku app.js.
Konfiguracja CDN
CDN to sieć dostarczania treści, za pomocą której nie musisz pobierać plików biblioteki Sencha Touch, zamiast tego możesz bezpośrednio dodać łącze CDN do ExtJS do swojego programu w następujący sposób -
<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>
Popularni redaktorzy
Ponieważ jest to framework JavaScript używany do tworzenia aplikacji internetowych, projekt będzie zawierał pliki HTML, JS, a do pisania programów Ext JS potrzebny będzie edytor tekstu. Na rynku dostępnych jest wiele IDE. Ale na razie możesz rozważyć jedną z następujących -
Notepad - Na komputerze z systemem Windows możesz użyć dowolnego prostego edytora tekstu, takiego jak Notatnik (zalecany w tym samouczku), Notepad ++.
Brackets - Kolejne popularne IDE, które można pobrać z http://brackets.io/ .
Sublime - Kolejne popularne IDE, które można pobrać z https://www.sublimetext.com/3/ .