ExtJS getting started


As you can see, I will build the front-end application via ExtJS, so first of all is make ExtJS works on your environment. In this post, we trying use Sencha Cmd to build our front-end project.

That is a list for all of you need:

Sencha Cmd

First step, you need follow the link above to download and install Sencha Cmd on your computer, and make sure the sencha command has been configured in your environment. Use this command to check if it works:

$ sencha


Step 2, download the ExtJS SDK via the link above, unzip it and put it in any place you could find it. after that, follow the command below like:

$ sencha -sdk /path/to/your/extjs/sdk generate app [-classic/modern] [appName] /path/to/your/app
  • -classic / -modern: ExtJS has two toolkits named classic and modern, the classic one is using for desktop application, and the modern one is for modern mobile app.
  • /path/to/your/app also can be given like ./yourApp in relative path style.

Now, your workspace may seems like:


Start your first ExtJS application

if that command works, you will find the generated sources in ./yourApp directory, so come on in and start the application like:

$ cd yourApp
$ sencha app watch

after that, open your browser and go to the URL: http://localhost:1841, you’ll see that your first ExtJS application worked!