You can follow Sencha’s guide all you want, but you won’t be able to build a stand alone “code” package due to errors like:
com.sencha.exceptions.ExNotFound: Unknown definition for dependency : Ext.Component
To fix this, you need to add the following to your package’s .sencha/app/sencha.cfg
package.framework=ext
Sencha CMD is a must-have if you’re doing any professional ExtJS or Sencha Touch app development. You can always get the latest version from Sencha’s product page, but what if you wanted to get an older version? Sure, upgrading to the latest version is an option, but we all know how smooth those upgrades can go (or not, especially if you messed with the build scripts).
TLDR
Older versions with release notes are available via this URL pattern:
http://cdn.sencha.com/cmd/x.x.x.xxx/release-notes.html
For instance:
http://cdn.sencha.com/cmd/3.1.2.342/release-notes.html
http://cdn.sencha.com/cmd/5.0.3.324/release-notes.html
So, the caveat is that you have to know the exact version which you’re after!
I’ve been wishing for this for a long time and the fine folks at Google delivered. Imagine being able to see the full stack trace when debugging, i.e. when tracing against an AJAX or a setTimeout()! You can do this in Chrome Canary already; read on for how to set it up:
A few years ago I wrote about ExtJS4 Dev Tools of a Pro, where I mentioned a FireFox plugin called Illuminations. Since then I’ve switched to Chrome as my dev platform where I missed my cherished Illuminations plugin.
I believe only last week the creators of FF’s plugin have released a version for Chrome: https://chrome.google.com/webstore/detail/illuminations/hbhnkfhblakpfhcpepeoogmakimflibk
It doesn’t feel like a full port, but it does have the one feature I care most about: similar to how you can right-click on a page and “Inspect Element” to bring up dev tools and pinpoint the target in the DOM tree, you can now right-click and “Illuminate:”
At which point you will pinpoint the target in the Ext component tree:
Combined with Sencha Inspector for Chrome, the Chrome browser is now a powerhouse for ExtJS/Sencha Touch development!
I wanted to share a really cool tool that my colleague released just today. It’s called App Inspector for Sencha and it’s a Chrome extension that fans of FireFox’ Illuminations for Developers will recognize instantly.
It’s the first release, so functionality is limited, but it does have some very useful features already. Particularly, being able to pin-point an ExtJS component when browsing DOM:
Also, it lets you browse the ExtJS component tree in general:
As far as I could tell, it doesn’t work for Sencha Touch yet, but I hope that will be added soon.