Учебники

Сенча Touch – Окружающая среда

В этом разделе вы узнаете, как загрузить и настроить 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/ .