Guide applies to: modern

Steps

1. Authenticate to Sencha’s npm Registry

If you are a TRIAL customer

The Ext JS 30-day trial packages are available to install from public npm. Install the latest Ext JS version using the following command and skip to Step 2.

$ npm install -g @sencha/ext-gen

If you are an ACTIVE customer

Ext JS and all related commercial packages are hosted on Sencha’s private npm registry. Login to the registry using the following command which configures npm to download packages in the @sencha scope from Sencha’s registry.

Username Note:

The email and password used during support portal activation (after license purchase) will be used to login to Sencha’s NPM repo. The username is the same as the email used, however, the @ character is replaced with ‘..’ two periods. For example [[email protected]](https://docs.sencha.com/cdn-cgi/l/email-protection) converts to username: name..gmail.com

$ npm login --registry=https://npm.sencha.com/ --scope=@sencha

2. Create a New Ext JS Application

If you are new to Ext JS , or do not have an existing application, we recommend using the Sencha ExtGen tool to create a new Ext JS application. Use the following command to install Sencha ExtGen globally on your machine:

    npm install -g @sencha/ext-gen

3. Interactive Mode Option

Use the following command to help you with custom configuration:

    ext-gen app -i

4. Prompts for Configuration

Populate the following prompts :

ext-gen app -i

starts generating the app:

Accept the defaults for package.json name your app ModernTunes

Choose selection from a list

Choose moderndesktopminimal

Name the package modern-tunes

Take the default options for all remaining prompts
Approve the configuration …

… and the build is created

Navigate to your modern-tunes (cd to modern-tunes) folder and run the starting app

A browser window is opened with the starting app loaded at port 1962

These steps build the default ModernTunes app, you will overwrite it with your own app specifications in the next lab.