Saturday, May 14, 2016

Getting Started with ExtJS and Sencha

After installing Sencha and ExtJS, I have two folders
  • Sencha
  • ext-6.0.2
I create the folder sencha_apps.
$ cd sencha_apps

$ export PATH=$PATH:~/dev/lib/Sencha/Cmd

$ export PATH=$PATH:~/dev/lib/Sencha/Cmd/6.1.2.15

$ sencha -sdk ~/dev/lib/ext-6.0.2/cmd generate app App01 app01
Sencha Cmd v6.1.2.15
[INF] Processing Build Descriptor : classic
[INF] Loading app json manifest...
...
...

$ cd app01

$ ls -al
total 488
drwxr-xr-x  22 gMac  staff     748 May 14 20:35 .
drwxr-xr-x   3 gMac  staff     102 May 14 20:34 ..
drwxr-xr-x   6 gMac  staff     204 May 14 20:35 .sencha
-rw-r--r--   1 gMac  staff    4615 May 14 20:35 Readme.md
drwxr-xr-x   7 gMac  staff     238 May 14 20:35 app
-rw-r--r--   1 gMac  staff     990 May 14 20:35 app.js
-rw-r--r--   1 gMac  staff   18280 May 14 20:35 app.json
-rw-r--r--   1 gMac  staff     303 May 14 20:35 bootstrap.css
-rw-r--r--   1 gMac  staff  101584 May 14 20:35 bootstrap.js
drwxr-xr-x   4 gMac  staff     136 May 14 20:35 build
-rw-r--r--   1 gMac  staff    1465 May 14 20:35 build.xml
drwxr-xr-x   4 gMac  staff     136 May 14 20:35 classic
-rw-r--r--   1 gMac  staff   58181 May 14 20:35 classic.json
drwxr-xr-x  22 gMac  staff     748 May 14 20:35 ext
-rw-r--r--   1 gMac  staff    1974 May 14 20:35 index.html
drwxr-xr-x   4 gMac  staff     136 May 14 20:35 modern
-rw-r--r--   1 gMac  staff   36134 May 14 20:35 modern.json
drwxr-xr-x   2 gMac  staff      68 May 14 20:35 overrides
drwxr-xr-x   2 gMac  staff      68 May 14 20:34 packages
drwxr-xr-x   3 gMac  staff     102 May 14 20:35 resources
drwxr-xr-x   8 gMac  staff     272 May 14 20:35 sass
-rw-r--r--   1 gMac  staff    1486 May 14 20:35 workspace.json

$ sencha app build
Sencha Cmd v6.1.2.15
[INF] Processing Build Descriptor : classic
[INF] Loading app json manifest...
...
...

$ sencha web start
Sencha Cmd v6.1.2.15
[INF] Starting server on port : 1841
[INF] Mapping http://localhost:1841/ to ....

Opening the browser to http://localhost:1841 I see a pretty nice web page.