This is an old revision of the document!

Ext JS 6

Setup

Download and Install Sencha Cmd 6
Download and unzip the Ext JS 6 SDK (remember the path)

To start a new Ext JS project

Open your terminal or console window and issue these commands

sencha -sdk /path/to/ext6 generate app <APPNAME> <APPNAME>
cd <APPNAME>
sencha app watch

This will generate a skeleton app, sencha app watch will check for any changes made to css or js.

To take over an existing Ext JS project

Open your terminal or console window and issue these commands *inside* the app folder :

sencha app install --frameworks ~/Downloads/ExtJS/
sencha app watch

This will allow you to work with the ext project, sencha app watch will check for any changes made to css or js.

To update an existing EXTJS project

Open your terminal or console window and issue these commands *inside* the app folder :

sencha app upgrade ~/Downloads/ExtJS/ext-6.6.0/
sencha app watch

Editting an application

Desktop code usually goes into <APPNAME>/classic/src, stylechanges in <APPNAME>/classic/sass
Mobile/Tablet code usually goes into <APPNAME>/modern/src, stylechanges in <APPNAME>/modern/sass
Code which is universal (like models & stores) can be defined in <APPNAME>/app
You can only use “classic” extjs classes in the classic folder, & “modern” (touch) classes in the modern folder.