Getting started with extjs6

Remarks#

This section provides an overview of what extjs6 is, and why a developer might want to use it.

It should also mention any large subjects within extjs6, and link out to the related topics. Since the Documentation for extjs6 is new, you may need to create initial versions of those related topics.

ExtJS 6 Application Setup

Getting started with Ext JS 6.

Prerequisite steps:

Download Sencha Cmd 6 and install it with sencha command set in environment path variables.
Download trail version of Sencha SDK (ext-6.2.1.zip) and unzip it.(on location D:\ext-6.2.1)

System is ready to create Extjs 6 application.

Create sample application (World) with Extjs 6 standard folder structure

There are three type of Application:

Universal (Runs on Mobile webSencha touch and Desktop webSencha Extjs)
Classic (Runs on Desktop webSencha Extjs)
Modern (Runs on Mobile webSencha touch)

Open CMD and run bellow command to generate World application:

Universal Application: sencha -sdk D:\ext-6.2.1 generate app World D:\World

classic Application: sencha -sdk D:\ext-6.2.1 generate app --classic World D:\World

Modern Application: sencha -sdk D:\ext-6.2.1 generate app --modern World D:\World

This respective command will generate application’s folder structure in respective location.

Go to cd D:/World and run command:

sencha app watch

Application will be loaded on:

https://localhost:1841/

World Application can be access from browser.

*Application’s path can be vary as per requirements.

In order to build extjs application for production code use,

sencha app build

This will create extjs compressed, obfuscated code ready for production use in, [APPLICATION_HOME]/build/production. Build directory also contains other folders for development and testing code.

Extjs 6 Application setup