ExtJS

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:

• A computer with any OS
• Java Runtime Environment
• An editor you can code on it, like VSCode, Eclipse, or IntelliJ products, and any editor you like.
• A ExtJS-CE SDK. You could follow this
• Sencha Cmd

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

ExtJS SDK

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:

 app
 ----desktop
 ----shared
 build
 generatedFiles
 packages
 resources
 app.js
 app.json
 build.xml
 index.html
 index.js
 ...

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!