Sencha Ext JS 6.0 (Apunte en resumen)

Instalar Sencha Cmd

Descargar e instalar Sencha Cmd de la página web Sencha. Una vez instalado, asegurarse de que Sencha Cmd está disponible para el uso de la terminal. Para comprobarlo, ejecute el siguiente comando:

sencha which

Si está disponible en el terminal o en la ventana de comandos, entonces usted debe tener, algo similar al siguiente código:

Sencha Cmd v6.0.0.202
/home/wilzonmb/bin/Sencha/Cmd/6.0.0.202/

Si obtiene un error en su lugar, entonces puede que tenga que agregar la ruta instalado para el variable PATH. En Linux ejecute el siguiente comando en la terminal para añadir la ruta de acceso a la variable PATH de la instalación:

export PATH=~/bin/Sencha/Cmd/6.0.0.202:$PATH

En Windows, ejecute el siguiente comando en el símbolo del sistema para agregar la ruta de acceso a la variable PATH de la instalación:

set PATH=%PATH%;C:\Sencha\Cmd\6.0.0.202

Generar la aplicación Ext JS usando Sencha Cmd

Abra el terminal (Linux) / comandos (Windows) y escriba el siguiente comando:

sencha generate app --ext MyApp ./myapp

Tenga en cuenta que el comando anterior generará una aplicación que contiene código para tanto juego de herramientas: clásico y moderno. Si usted necesita ya sea el conjunto de herramientas clásico o moderno solo, a continuación, utilizar --modern o --classic, como se muestra en el siguiente comando:

sencha generate app --ext --modern MyApp ./myapp

Al ejecutar este comando, por primera vez, se debe descargar automáticamente Ext JS 6. Si no se descarga automáticamente Ext JS, entonces usted puede descargar manualmente, Ext JS 6, extraerlo de su máquina local, y utilizar el siguiente comando para especificar el camino SDK:

sencha -sdk /path/to/sdk generate app MyApp /path/to/myapp

Ahora, para ver la aplicación Ext JS creado, ejecute el comando siguiente en el terminal o símbolo del sistema:

sencha app watch

- El theme classic es para escritorio y modern para mobiles y lo detecta automaticamente
- Ruta por defecto para ver la web es: http://localhost:1841/
- Para ver theme modern agregar al final ?profile=modern y quedaria asi: http://localhost:1841/?profile=modern

Para ver theme classic agregar al final ?profile=classic y quedaria asi: http://localhost:1841/?profile=classic

Explorando comandos Sencha Cmd

sencha help       # Muestra la ayuda
sencha help app   # Muestra la ayuda del comando app

Si desea comprobar si hay actualizaciones disponibles para Sencha Cmd, utilice el siguiente comando:

sencha upgrade --check

Si desea actualizar Sencha Cmd, simplemente quitar la opción --check, como se muestra en el siguiente código:

sencha upgrade

La construcción de la aplicación.- El siguiente comando creará HTML, JS, SASS, etc.

sencha app build

En Sencha Cmd 6 y Ext JS 6, también puede ejecutar una de las siguiente código para elegir ya sea moderno o clásico:

sencha app build modern
sencha app build classic

Aquí, moderno y clásico se refiere a las compilaciones config en app.json. Por defecto, Sencha Cmd pone de dos compilaciones config: clásico y moderno en app.json; puedes agregar la configuración acumulación adicional si es necesario.

Lanzamiento de la aplicación
El comando watch puede ser utilizado para reconstruir y poner en marcha la aplicación. Esto no lo hará Sólo iniciar la aplicación, sino también vigilará los cambios de código hechas, y tan pronto como los cambios en el código se guardan, se actualice el navegador para incluir el código actualizado cambia de la siguiente:

sencha app watch

En Sencha Cmd 6 y Ext JS 6, también puede ejecutar una de las siguiente código para elegir ya sea moderno o clásico

sencha app watch modern
sencha app watch classic

La generación de código.- Con Sencha Cmd, puede generar el código Ext JS, tales como vistas, controlador, y modelo:

sencha generate view myApp.MyView
sencha generate model MyModel id:int,fname,lname
sencha generate controller MyController

Si no se especifica el tipo de campo cuando se genera el modelo, el tipo de campo por defecto String será usado.