Progress will discontinue Telerik Platform on May 10th, 2018. Learn more

Create from Template

Filter by IDE
Select the Progress AppBuilder client you are currently using for development.

IDE

To help you get started with native mobile app development, AppBuilder provides a selection of NativeScript-based templates from which you can create your apps.

Templates for NativeScript Development

Option Description
NativeScript Blank (JavaScript) A truly blank app that provides all the required framework files for development with NativeScript. The template provides a blank interface and a sample NativeScript app structure consisting of empty app.css, app.js, main-page.js and main-page.xml.
NativeScript HelloWorld (JavaScript) A simple app that provides all the required framework files for development with NativeScript. The template provides a native button linked to a simple counter.
NativeScript MasterDetail (JavaScript) A simple app that provides all the required framework files for development with NativeScript. The template provides a simple list view with a master-detail interface.
NativeScript TabbedApp (JavaScript) A simple app that provides all the required framework files for development with NativeScript. The template consists of two views with tabstrip navigation.
NativeScript Blank (TypeScript) A truly blank app that provides all the required framework files for development with NativeScript and TypeScript.
NativeScript HelloWorld (TypeScript) A simple app that provides all the required framework files for development with NativeScript and TypeScript. The template provides a native button linked to a simple counter.
NativeScript MasterDetail (TypeScript) A simple app that provides all the required framework files for development with NativeScript and TypeScript. The template provides a simple list view with a master-detail interface.
NativeScript TabbedApp (TypeScript) A simple app that provides all the required framework files for development with NativeScript and TypeScript. The template consists of two views with tabstrip navigation.
NativeScript Blank with Angular 2 (TypeScript) A truly blank app that provides all the required framework files for development with NativeScript, Angular 2 and TypeScript.
NativeScript with Angular 2 (TypeScript) A truly blank app that provides all the required framework files for development with NativeScript, Angular 2 and TypeScript. This template is enabled for the Views service.

Prerequisites

  • Verify that your preferred AppBuilder client is running and you are logged in.

Procedure

In-Browser

Quick Create

  1. In your browser, verify that you are logged in the Telerik Platform and you have switched to the account in which you want to develop your application.
  2. In the Telerik Platform home page, click Create app.
  3. Select NativeScript.
  4. Provide a name for the new app.
  5. (Optional) Provide a description for the new app.
  6. Click Create App.

A new app is added in your Telerik Platform account and all files are checked into the integrated AppBuilder version control. Telerik Platform opens the Views for your new app and lists all app files in the Project Navigator.

Advanced Create

  1. In your browser, verify that you are logged in the Telerik Platform and you have switched to the account in which you want to develop your application.
  2. In the Telerik Platform home page, click Create app.
  3. Select Advanced.
  4. Select Samples and templates.
  5. Select NativeScript.
  6. Choose between JavaScript and TypeScript.
  7. Select the template that you want to use.
  8. Provide a name for the new app.
  9. (Optional) Provide a description for the new app.
  10. Click Create App.

A new app is added in your Telerik Platform account and all files are checked into the integrated AppBuilder version control. AppBuilder opens your new app and lists all app files in the Project Navigator.

Create Angular 2 App

  1. In your browser, verify that you are logged in the Telerik Platform and you have switched to the account in which you want to develop your application.
  2. In the Telerik Platform home page, click Create app.
  3. Select Advanced.
  4. Select Samples and templates.
  5. Select NativeScript.
  6. Select TypeScript.
  7. Select NativeScript with Angular 2 (TypeScript).
  8. Provide a name for the new app.
  9. (Optional) Provide a description for the new app.
  10. Click Create App.

A new app is added in your Telerik Platform account and all files are checked into the integrated AppBuilder version control. AppBuilder opens your new app and lists all app files in the Project Navigator.

Windows

  1. From the Dashboard, click New and select Native.
  2. Select a template.
    • To develop your app with JavaScript, select a JavaScript-based template.
    • To develop your app with TypeScript, select a TypeScript-based template.
    • To develop your app with Angular 2, select the NativeScript with Angular 2 (TypeScript) template.
  3. Provide a name for your app and click Create.

A new app is added in your Telerik Platform account and all files are checked into the integrated AppBuilder version control. AppBuilder opens your new app and lists all app files in the Project Navigator.

Visual Studio

  1. Verify that Microsoft Visual Studio is running.
  2. In the top menu bar, click FileNewProject.
  3. In the sidebar of the New Project window, select TelerikPlatformNativeScript.
  4. Select a template from the list.
    • To develop your app with JavaScript, select a JavaScript-based template.
    • To develop your app with TypeScript, select a TypeScript-based template.
    • To develop your app with Angular 2, select the **** template.
  5. In the Name text box, type a name for your app.
  6. (Optional) Click Browse to set a new storage location for your app.
  7. (Optional) Configure source control and solution settings.
  8. Click OK.

Microsoft Visual Studio creates your app and stores all of its files on your disk. Microsoft Visual Studio opens your new app and lists all app files in the Solution Explorer.

CLI

  1. In the command prompt, navigate to the location where you want to create your app.
  2. To develop your app with JavaScript, run the following command.

    appbuilder create native <App Name> --template <JavaScript Template Name>
    

    You can set any of the following templates: JavaScript.Blank, HelloWorld, MasterDetail, or TabbedApp.

  3. To develop your app with TypeScript, run the following command.

    appbuilder create native <App Name> --template <TypeScript Template Name>
    

    You can set any of the following templates: TypeScript.Blank, TypeScript.HelloWorld, TypeScript.MasterDetail, or TypeScript.TabbedApp.

  4. To develop your app with Angular 2, run the following command.

    appbuilder create native <App Name> --template TypeScript.NG2.Empty
    

The command-line interface creates a new folder in the current directory. The folder contains the files for your app. To work with the app with the command-line interface, in the command prompt navigate to the newly created folder.

Next Steps

Examine the NativeScript API documentation and continue with your native development.

See Also

Contact us: +1-888-365-2779
sales@telerik.com
Copyright © 2016-2017, Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.