Setup Ext JS Development Environment:

Before starting with Sencha Ext JS, you need to setup a development environment for it. There are three things required for Ext JS application development: Sencha SDK, web server and IDE to write JavaScript code.


Ext JS is a commercial product. It means you have to buy it in order to develop any product which is intended for sale. However, if you want to use Ext JS for learning purpose or to build open source product then you can download GPL sdk.

Download latest version of Ext JS SDK (which is Ext JS 6 as of this writing) from Provide your mail id and acknowledge terms and condition to download it free.

Ext JS 6 SDK includes following folders.

extjs4 sdk library

Ext JS 5 SDK includes following folders.

extjs5 sdk library

Web server:

Ext JS is used to build web based enterprise applications. So, you need to install a web server on your local machine. You may use any web server of your choice. However, some IDEs have built-in local web server so you can use that too.

Apache HTTP server:


If you are using windows platform then you can use IIS by turning on IIS features. Visit Technet to download and install IIS 7.5 on windows 7.

Once you have installed Apache or IIS, you can verify that it is running by navigating to localhost in your browser. You should see a startup page indicating successful installation and running of Apache HTTP Server or IIS welcome page.


You need to write JavaScript code to develop an Ext JS application. So, you can use any IDE for Sencha development as per your convenience eg. Aptana, Eclipse, VisualStudio etc.

IDE should satisfy following requirements for the development:

  1. It should be able to validate JavaScript code for errors and warnings
  2. It should have autocomplete functionality for Ext JS library classes and functions.
  3. It should be able to format JavaScript code easily to make Ext JS code readable.

Learn how to setup Aptana, Eclipse and Visual Studio in the next chapter.