Sencha Touch - Medio ambiente
Configuración del entorno local
Esta sección le guía sobre cómo descargar y configurar Sencha Touch en su máquina. Siga los pasos para configurar el entorno.
Descarga de archivos de la biblioteca
Descargue una versión comercial de los archivos de la biblioteca Sencha Touch desde el siguiente enlace https://www.sencha.com. Obtendrá la versión de prueba del sitio en su identificación de correo registrada, que será una carpeta comprimida llamada sencha-touch-2.4.2-commercial.
Descomprima la carpeta y encontrará varios archivos JavaScript y CSS para incluir en su aplicación. Incluye principalmente los siguientes archivos:
Javascript Files - El archivo JS que puede encontrar en la carpeta \ sencha-touch-2.4.2commercial \ touch-2.4.2 son -
| No Señor | Descripción del archivo |
|---|---|
| 1 | sencha-touch.js Este es el archivo principal que contiene todas las funcionalidades para ejecutar la aplicación. |
| 2 | sencha-touch-all.js Este archivo contiene todo el código minimizado sin comentarios en el archivo. |
| 3 | sencha-touch-debug.js Esta es la versión no minificada de sencha-touch-all.js con fines de depuración. |
| 4 | sencha-touch-all-debug.js Este archivo tampoco está minimizado y se utiliza con fines de desarrollo, ya que contiene todos los comentarios y registros de la consola para comprobar cualquier error / problema. |
Puede agregar estos archivos a la carpeta JS de su proyecto o puede proporcionar una ruta directa donde residen los archivos en su sistema.
CSS Files - Hay varios archivos basados en temas que puede encontrar en la carpeta I: \ sencha touch \ sencha-touch-2.4.2-commercial \ touch-2.4.2 \ resources \ css \ sencha-touch.css
Estos archivos de biblioteca se agregarán en la aplicación Sencha Touch de la siguiente manera:
<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>Puede mantener el código de la aplicación Sencha Touch en el archivo app.js.
Configuración de CDN
CDN es una red de entrega de contenido con la que no necesita descargar los archivos de la biblioteca Sencha Touch, sino que puede agregar directamente el enlace CDN para ExtJS a su programa de la siguiente manera:
<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>Editores populares
Como es un marco de JavaScript utilizado para desarrollar aplicaciones web, el proyecto tendrá HTML, archivos JS, y para escribir sus programas Ext JS, necesitará un editor de texto. Hay varios IDE disponibles en el mercado. Pero por ahora, puede considerar uno de los siguientes:
Notepad - En una máquina con Windows, puede usar cualquier editor de texto simple como el Bloc de notas (recomendado para este tutorial), el Bloc de notas ++.
Brackets - Otro IDE popular que se puede descargar desde http://brackets.io/ .
Sublime - Otro IDE popular que se puede descargar desde https://www.sublimetext.com/3/ .