extjs6 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
senchacommand 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 web
Sencha touchand Desktop webSencha Extjs) -
Classic (Runs on Desktop web
Sencha Extjs) -
Modern (Runs on Mobile web
Sencha touch)
Open CMD and run bellow command to generate World application:
Universal Application:
sencha -sdk D:\ext-6.2.1 generate app World D:\Worldclassic Application:
sencha -sdk D:\ext-6.2.1 generate app --classic World D:\WorldModern 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:
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
Getting started with Ext JS 6.
Prerequisite steps:
- Download Sencha Cmd 6 and install it with
senchacommand 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 web
Sencha touchand Desktop webSencha Extjs) -
Classic (Runs on Desktop web
Sencha Extjs) -
Modern (Runs on Mobile web
Sencha touch)
Open CMD and run bellow command to generate World application:
Universal Application:
sencha -sdk D:\ext-6.2.1 generate app World D:\Worldclassic Application:
sencha -sdk D:\ext-6.2.1 generate app --classic World D:\WorldModern 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:
World Application can be access from browser.
*Application's path can be vary as per requirements.
