Sobre Sencha CMD

FacebooktwitterredditlinkedinFacebooktwitterredditlinkedinby feather

Este post recai sobre as funcionalidades que o Sencha CMD permite.
O Primeiro passo necessário, é abrir uma consola de linha de comandos, e entrar na directoria de instalação do EXT JS 4.2, que se deverá encontrar na pasta web de um servidor web.
No exemplo apresentado a pasta www, do servidor wamp.

c:\>cd wamp
c:\wamp>cd www
c:\wamp\www>cd extjs4_2
c:\wamp\www\extjs4_2>

Dentro do contexto da directoria extjs4_2, executar o seguinte comando

sencha generate app MySenchaFirstApp ../MySenchaFirstProject

Este comando vai criar uma directoria MySenchaFirstProject no contexto da pasta www, onde vai ser criado toda a infraestrutura necessária para a nova aplicação MySenchaFirstApp .

Sempre que necessário se simplmente se executar o comando “sencha”, uma listagem de ajuda é apresentada.

C:\wamp\www\PovereWorkspace>sencha
Sencha Cmd v3.1.2.342
Sencha Cmd provides several categories of commands and some global switches. In
most cases, the first step is to generate an application based on a Sencha SDK
such as Ext JS or Sencha Touch:

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

Sencha Cmd supports Ext JS 4.1.1a and higher and Sencha Touch 2.1 and higher.

To get help on commands use the help command:

sencha help generate app

For more information on using Sencha Cmd, consult the guides found here:

http://docs.sencha.com/ext-js/4-2/#!/guide/command
http://docs.sencha.com/ext-js/4-1/#!/guide/command

http://docs.sencha.com/touch/2-2/#!/guide/command
http://docs.sencha.com/touch/2-1/#!/guide/command

Options
* --cwd, -cw - Sets the directory from which commands should execute
* --debug, -d - Sets log level to higher verbosity
* --nologo, -n - Suppress the initial Sencha Cmd version display
* --plain, -pl - enables plain logging output (no highlighting)
* --quiet, -q - Sets log level to warnings and errors only
* --sdk-path, -s - The location of the SDK to use for non-app commands
* --time, -ti - Display the execution time after executing all commands

Categories
* app - Perform various application build processes
* compass - Wraps execution of compass for sass compilation
* compile - Compile sources to produce concatenated output and metadata
* fs - Utility commands to work with files
* generate - Generates models, controllers, etc. or an entire application
* io - Create, deploy and manage applications on the Sencha.io cloud platform
* iofs - Manage Files stored in the Sencha.io cloud platform
* manifest - Extract class metadata
* package - Manages local and remote packages
* repository - Manage local repository and remote repository connections
* theme - Commands for low-level operations on themes

Commands
* ant - Invoke Ant with helpful properties back to Sencha Cmd
* build - Builds a project from a legacy JSB3 file.
* config - Load a properties file or sets a configuration property
* help - Displays help for commands
* js - Executes arbitrary JavaScript file(s)
* upgrade - Upgrades Sencha Cmd
* which - Displays the path to the current version of Sencha Cmd

Outros comandos que podem ser executados via Sencha CMD são os da criação de componentes Gráficos (Views) e o da criação de Modelos a usar no Projecto.
Alguns exemplos. De Notar que para executar estes comandos já é necessário estar no contexto do projecto na linha de comandos.

c:\wamp\www\MySenchaFirstProject>

Para gerar uma view de componentes, executar a seguinte linha de comando:

c:\wamp\www\MySenchaFirstProject>sencha generate view [Nome da View]

Onde [Nome da View] é um nome a dar ao ficheiro que vai ser criado, Por exemplo, se é um componente de Boas Vindas, poder-se-ia dar o nome de [welcomePanel]

generate app model “Name opf the Mocel” atributes of the model-

Para gerar modelos no projecto corrente usar a seguinte linha de comando:

c:\wamp\www\MySenchaFirstProject>sencha generate model [Nome do Modelo] "id:Number", "name:String"

Onde [Nome do Modelo] é um nome a dar ao ficheiro do modelo que vai ser criado, Por exemplo, se são dados de utilizadores, dar o nome de [userModel].
De notar “id:Number”, “name:String” a lista de elementos que vãos constituir o modelo criado.

Por agora é tudo. Espero que seja útil.