Use Autocomplete and Typing Assistance

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

IDE

To make code writing faster and avoid typos, you can use the built-in autocompletion.

Prerequisites

  • Verify that your preferred AppBuilder client is running and you are logged in.
  • Verify that you have opened the code for your app in AppBuilder.
  • If you want to use code completion for NativeScript apps developed with TypeScript, verify that you meet the following requirements.

    • You have created your app from a TypeScript template.
    • You have installed any additional frameworks or plugins using the Manage Packages wizard or the plugin add command and you have selected to include their TypeScript definitions.
    • You have declared that you want to use a framework or a module using the following syntax:

      import * as _ from "<Name>";
      

Procedure

In-Browser

The in-browser client provides typing assistance for JavaScript, TypeScript, HTML, Angular 2-specific HTML, CSS, Kendo UI, NativeScript, and Apache Cordova.

  1. Open the file that you want to edit.
  2. Verify that the Auto list members option is enabled.
    If the option is disabled, you need to press Ctrl+Space to toggle the code completion menu.
  3. Start typing your code.
    • To toggle the code completion menu for Kendo UI, type kendo..
    • To toggle the code completion menu for JavaScript, type $.mobile..
    • To toggle the code completion menu for Apache Cordova, type navigator..
    • To toggle the code completion menu for NativeScript, type the module name.
    • To toggle the code completion menu for TypeScript in NativeScript apps, type _.
  4. Press Up Arrow or Down Arrow to navigate through the suggestions.
    You can hover over the suggestion for more information.
  5. Press Enter to insert the selected suggestion in your code or Esc to cancel.

Universal

The universal desktop client provides typing assistance for JavaScript, TypeScript, HTML, CSS, Kendo UI, Apache Cordova and NativeScript.

  1. Open the file that you want to edit.
  2. Verify that the Auto list members option is enabled.
    If the option is disabled, you need to press Ctrl+Space to toggle the code completion menu.
  3. Start typing your code.
    • To toggle the code completion menu for Kendo UI, type kendo..
    • To toggle the code completion menu for JavaScript, type $.mobile..
    • To toggle the code completion menu for Apache Cordova, type navigator..
    • To toggle the code completion menu for NativeScript, type the module name.
    • To toggle the code completion menu for TypeScript in NativeScript apps, type _.
  4. Press Up Arrow or Down Arrow to navigate through the suggestions.
    You can hover over the suggestion for more information.
  5. Press Enter to insert the selected suggestion in your code or Esc to cancel.

Windows

The classic Windows desktop client provides typing assistance for JavaScript, CSS, HTML and Apache Cordova.

  1. Verify that you have enabled auto listing members and typing assistance for HTML files. For more information about how to set your autocomplete and typing assistance preferences in the classic Windows desktop client, see Configure Autocompletion and Typing Assistance.
  2. Open the file that you want to edit.
  3. Start typing your code.
  4. Press Ctrl+Space to toggle a drop-down list of autocompletion suggestions.
  5. Press Up Arrow or Down Arrow to navigate through the suggestions.
    In the classic Windows desktop client, you can hover over the suggestion for more information.
  6. Press Enter to insert the selected suggestion in your code or Esc to cancel.

Visual Studio

To perform this operation, apply your preferred Microsoft Visual Studio approach, extension or tool or install and use the Telerik JustCode extension. For more information, see the Telerik JustCode Manual.

CLI

To perform this operation, run your preferred code editor and use its integrated autocompletion, if any.

Next Steps

Save and close your files.

See Also

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