ExtJS getting started
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(https://www.eclipse.org
), 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:
1 | 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:
1 | sencha -sdk /path/to/your/extjs/sdk generate app [-classic/modern] [appName] /path/to/your/app |
- -classic / -modern: ExtJS has two toolkits named
classic
andmodern
, 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
|generatedFiels
|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:
1 | cd yourApp |
after that, open your browser and go to the URL: http://localhost:1841
, you’ll see that your first ExtJS application worked!