Sencha CMD es una herramienta que nos permite organizar nuestro código javascript Extjs para el desarrollo Fron End(FE) utilizando el patrón de diseño Modelo Vista Controlador (MVC)
Algunas de las ventajas
- Generar la estructura del proyecto.
- Generar código automático.
- Empaquetar el proyecto en un solo javascript.
- Js Compiler Vuelve mas eficiente y rápido nuestro código.
Esta guía contiene
0.Preparación del ambiente
1.Instalación Sencha CMD
2.Creación de una aplicación
0.Preparación del ambiente
Para instalar el sencha cmd requerimos de ruby, apache ant y java version suberior a 1.7
maryit@gaea-desktop-ubuntu:~$ sudo apt-get install openjdk-7-jre
maryit@gaea-desktop-ubuntu:~$ sudo apt-get install openjdk-7-jdk
maryit@gaea-desktop-ubuntu:~$sudo apt-get install ruby
Leyendo lista de paquetes... Hecho
Creando árbol de dependencias
Leyendo la información de estado... Hecho
ruby ya está en su versión más reciente.
Los paquetes indicados a continuación se instalaron de forma automática y ya no son necesarios.
firefox-locale-es linux-headers-3.13.0-29 linux-headers-3.13.0-29-generic
linux-headers-3.13.0-32 linux-headers-3.13.0-32-generic
....
maryit@gaea-desktop-ubuntu:~$sudo apt-get install ant
sudo] password for maryit:
Leyendo lista de paquetes... Hecho
Creando árbol de dependencias
Leyendo la información de estado... Hecho
....
1. Instalación Sencha CMd
1.1.Descargar la herramienta
Para esto vamos la pagina de sencha y lo buscamos en la opcion de productos en Tools o vamos a el siguiente link
http://www.sencha.com/products/sencha-cmd/
1.2.Escogemos el que vallamos a descargar dependiendo de nuestro sistema operativo en mi caso Linux de 64
1.3.Luego abrimos nuestra terminal de comandos y des-comprimimos el archivo
maryit@gaea:~$ ls SenchaCmd-5.0.0.114-linux-x64.run.zip
SenchaCmd-5.0.0.114-linux-x64.run.zip
maryit@gaea:~$ unzip SenchaCmd-5.0.1.231-linux-x64.run.zip
Archive: SenchaCmd-5.0.1.231-linux-x64.run.zip
inflating: SenchaCmd-5.0.1.231-linux-x64.run
1.4.Damos permisos de ejecución al archivo
maryit@gaea:~$ chmod +x SenchaCmd-5.0.1.231-linux-x64.run
maryit@gaea:~$ ./SenchaCmd-5.0.1.231-linux-x64.run
1.5.Luego se desplegara el instalador:
2.Creación de la aplicación
2.1 Creamos un directorio y nos ubicamos dentro de el
$mkdir aplicacion_sencha
$cd aplicacion_sencha
2.2. Utilizamos el sencha cmd para crear la estructura del proyecto
$sencha generate app -ext MyApp ./MyApp
2.3. Cuando el comando termina sencha ya ha creado toda la estructura del proyecto.
2.4 Vemos mediante el navegador el primer despliegue del proyecto
$sencha app watch
2.5. Ahora podemos ver en nuestro navegador el despliegue, mediante http://localhost:1841/
Nota: si cuando lo estas tratando de instalando te aparece
SenchaCmd-5.0.1.231-linux-x64.run: 1: SenchaCmd-5.0.1.231-linux-x64.run: Syntax error: "(" unexpected
Es cuestión de que des permisos de ejecución al archivo, yo use la consola
chmod +x SenchaCmd-5.0.1.231-linux-x64.run