Step 1: Unzip the Ext JS Trial zip file

Unpack the downloaded zip file and open the folder.

Step 2: Install Sencha Cmd CLI

‘Sencha Cmd’ is the command line tool to create Ext JS applications.

• For MacOS: Right-click and open the .app file unzipped in the previous step. If you see the following message, click ‘Open’ and continue. The app is safe to use.

• For Linux: Right-click and open the .sh file and proceed with the installation steps.
• For Windows: Right-click to open the .exe file. If you see the following message, select “More Info” and click “Run anyway”. The app is safe to use.

Installation proceeds and the following window appears: Click Next>

Select ‘I accept’ and click Next>

Select the destination directory and click Next>

Select wich components you want to install and click Next> or click <Back to change your settings.

Select Yes if you want to perform additional steps and click Next>

Once installation process completes, click Finish.

You are now ready to start creating your first Ext JS Application

Step 3: Open and Explore your new Ext JS Application

• Start your terminal/command window

• Change directory to a folder where you want to create a new application:

  cd <folder-to-create-the-app>

If you are a TRIAL customer

The Ext JS 30-day trial packages are available to install from Sencha CDN. Install the latest Ext JS Trial version using the following command. --ext will force CMD to download the sdk from our cdn.

• Generate the application:

  sencha generate app --ext MyApp ./MyApp

If you are an ACTIVE customer

Ext JS and all related commercial packages are hosted on Support Portal. Login to the portal using your credentials and download the desired SDK zip file.

• Download the desired SDK zip file.

• Generate the application:

  sencha -sdk /path/to/downloaded/sdk generate app modern MyApp ./MyApp

Now open and explore your application

• Navigate to the new application folder:

  cd MyApp

• Run the Application: sencha app watch

Sencha command will build your application. Once complete, the command window will log the following message:

Waiting for changes...

• Run the application in a browser. Open any browser window and view the application at http://localhost:1841/

Congratulations! You have now successfully built an application using Ext JS!

Next Steps:

Now that you are on a successful path to building Ext JS applications, take some time to explore how to enhance your apps using hundreds of UI components, design, testing and debugging tools.

• Learn how to add more components to the application.
• Learn more about the application structure.
• Explore more examples, resources and documentation.