Ext JS 6.5.3 Commercial
Ext JS 6.2.0 GPL – If you are using the GPL version, replace ext-188.8.131.52 with ext-6.2.0 below.
Download the current version of Sencha Cmd:
Download Sencha Cmd
Choose DOWNLOAD with JRE INCLUDED (unless you have a good reason not to)
Windows version works the same way, though 64bit provides only the JRE INCLUDED version.
If you don’t have a commercially licensed version of ExtJS, download the GPL version from here: Download GPL Version of Ext JS then check your email for the ExtJS Download Link.
If you do have a commercial license and haven’t downloaded it yet, you can download the most recent sdk from here: Download Commercial Version of Ext JS
Be mindful that ExtJS versions change frequently so replace the versions mentioned above and below with the current versions available when you are using these instructions.
Unzip the ExtJS sdk (ext-6.5.3.zip) to a convenient location (remember this location, you will need it later) – Sencha does not include a formalized installation process, you just just need to unzip the sdk to the desired location.
I unzipped mine to ~/motivatedcodepro – You can unzip yours to wherever it’s convenient for you.
Assuming you are using ~/motivatedcodepro as your unzip location you will end up with this:
You DO NOT need to create folder ext-184.108.40.206 on your own, unzipping ext-6.5.3.zip will take care of that for you.
sencha -sdk ~/motivatedcodepro/ext-220.127.116.11/ generate workspace ~/motivatedcodepro/starterworkspace
We are telling sencha cmd that the sdk is located at ~/motivatedcodepro/ext-18.104.22.168/
And to generate the workspace at ~/motivatedcodepro/starterworkspace (starterworkspace folder will be created automatically)
Once completed, the runtime framework will be installed in starterworkspace. This allows your projects to share the sdk and other assets.
Note that all of the sencha generate app commands shown below will create a “starter app” for you to experiment with. You can runt this starter app from the browser at the end of these steps.
sencha generate app --ext classic classicapp classicappflr
We are telling sencha cmd to create an ExtJS classic app called classicapp in folder classicappflr within the ~/motivatedcodepro/starterworkspace folder.
sencha -sdk ~/motivatedcodepro/ext-22.214.171.124/ generate app –ext classic classicapp /your/chosen/folder/classicappflr
We are telling sencha cmd where the sdk is located and to create an ExtJS classic app called classicapp in folder /your/chosen/folder/classicappflr
sencha generate app --ext modern modernapp modernappflr
We are telling sencha cmd to create an ExtJS modern app called modernapp in folder modernappflr.
sencha -sdk ~/motivatedcodepro/ext-126.96.36.199/ generate app --ext modern modernapp /your/chosen/folder/modernappflr
We are telling sencha cmd where the sdk is located and to create an ExtJS modern app called modernapp in folder /your/chosen/folder/modernappflr.
sencha generate app --ext universalapp universalappflr
We are telling sencha cmd to create an ExtJS universal app called universalapp in folder universalappflr.
sencha -sdk ~/motivatedcodepro/ext-188.8.131.52/ generate app --ext universalapp /your/chosen/folder/universalappflr
We are telling sencha cmd where the sdk is located and to create an ExtJS universal app called universalapp in folder /your/chosen/folder/universalappflr.
To test any or all of these apps, cd into the appropriate folder and execute sencha app watch:
cd ~/motivatedcodepro/starterworkspace/modernappflr (or /your/chosen/folder/ if you're not using a workspace) sencha app watch
This will start the sencha cmd webserver and watch utility (a whole other subject) and will allow you to test your newly created apps.
Note that the server is running on port 1841
Point your browser to:
**Note that for non-workspace apps, you do not need to include the app folder in the url (modernappflr in this case). The app folder is only needed when running in a workspace so sencha app watch will know which app to load from the workspace.
All done! Here you should see the following: