Sencha Cmd Quick Start

Getting The Most From Sencha Cmd

Sencha Cmd:Quick Start

Don Gri!n Engineering Manager @dongryphon don@sencha.com

What Is Sencha Cmd?

The ToolUsed To Build

Sencha Frameworks

Sencha TouchMobile

Ext JSDesktop

High Level

CompilerAnt Tasks Utilities

BuildWatch Config

Low Level

Sencha Cmd

...

Started Here

A Tool To BuildApplicationsBased On

Sencha Frameworks

MY APPLICATION

Sencha TouchMobile

Ext JSDesktop

High Level

CompilerAnt Tasks Utilities

BuildWatch Config

Low Level

Sencha Cmd

Packages

A Tool To BuildPackagesTo Use In

Applications

Configurable

Customizable

CI(Continuous Integration)

Friendly

High to Low Level

sencha app build

sencha -sdk ./ext compile -classpath ./app \concat -out all-classes.js

Sca!olding

./      app/            controller/            model/            view/      resources/            images/      app.jsonapp.json

.sencha/      app/

build.xml

./      apps/            app1/            app2/      ext/      touch/      shared/

workspace.json.sencha/      workspace/packages/      deft/

./      src/            foo/            bar/            util/      resources/            images/      package.jsonpackage.json

.sencha/      package/

build.xml

Existing Apps

What Matters AreThe Special

Files and Folders

Change To MatchGenerated App

--or--

Configure To MatchExisting App

The Build Process

Build Script UsesApache Ant

copy-resources

•skip.sass=1•-before-sass•-after-sass•sencha ant sass

build.xml build-impl.xml

<import>

js

page

refresh

resolve

sass

slice

native-package

init

customizations

Demo

Q+A