В этом разделе вы узнаете, как загрузить и настроить Sencha Touch на вашем компьютере. Пожалуйста, следуйте инструкциям по настройке среды.
Загрузка файлов библиотеки
Загрузите коммерческую версию файлов библиотеки Sencha Touch по следующей ссылке https://www.sencha.com . Вы получите пробную версию с сайта по зарегистрированному почтовому идентификатору, который будет находиться в заархивированной папке с именем sencha-touch-2.4.2-commercial.
Разархивируйте папку, и вы найдете различные файлы JavaScript и CSS для включения в ваше приложение. Включите в основном следующие файлы —
Файлы Javascript — JS-файл, который вы можете найти в папке \ sencha-touch-2.4.2commercial \ touch-2.4.2, —
| Sr.No | Описание файла |
|---|---|
| 1 |
Сенча-touch.js Это основной файл, который содержит все функции для запуска приложения. |
| 2 |
Сенча-сенсорный all.js Этот файл содержит весь свернутый код без комментариев в файле. |
| 3 |
Сенч-сенсорный debug.js Это незавершенная версия sencha-touch-all.js для целей отладки. |
| 4 |
Сенча сенсорный-все-debug.js Этот файл также не минимизирован и используется для целей разработки, так как содержит все комментарии и журналы консоли для проверки любых ошибок / проблем. |
Сенча-touch.js
Это основной файл, который содержит все функции для запуска приложения.
Сенча-сенсорный all.js
Этот файл содержит весь свернутый код без комментариев в файле.
Сенч-сенсорный debug.js
Это незавершенная версия sencha-touch-all.js для целей отладки.
Сенча сенсорный-все-debug.js
Этот файл также не минимизирован и используется для целей разработки, так как содержит все комментарии и журналы консоли для проверки любых ошибок / проблем.
Вы можете добавить эти файлы в папку JS своих проектов или указать прямой путь к файлам в своей системе.
Файлы CSS. Существует ряд файлов на основе тем, которые можно найти в папке I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css
Эти библиотечные файлы будут добавлены в приложение Sencha Touch следующим образом:
<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>
Вы можете сохранить код приложения Sencha Touch в файле app.js.
Настройка CDN
CDN — это сеть доставки контента, по которой вам не нужно загружать файлы библиотеки Sencha Touch, вместо этого вы можете напрямую добавить ссылку CDN для ExtJS в вашу программу следующим образом:
<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>
Популярные редакторы
Поскольку это JavaScript-фреймворк, используемый для разработки веб-приложений, в проекте будут использоваться файлы HTML, JS, а для написания ваших программ Ext JS вам понадобится текстовый редактор. На рынке доступно несколько IDE. Но сейчас вы можете рассмотреть один из следующих —
Блокнот — на компьютере с Windows вы можете использовать любой простой текстовый редактор, например Блокнот (рекомендуется для этого урока), Блокнот ++.
Скобки — еще одна популярная среда разработки, которую можно скачать с http://brackets.io/ .
Sublime — еще одна популярная среда разработки, которую можно скачать с https://www.sublimetext.com/3/ .