top

Code Editing Tools

This topic describes the code editing tools provided by the Tizen Studio, such as the content assist and syntax checker tools.

The Tizen Studio provides tools for writing and editing code.

Using Content Assist

Content assist is a functionality provided in parts of the Tizen Studio Web Editor to help you write code faster and more efficiently.

Content assist allows you to quickly type names in the context of HTML, CSS, and JavaScript code. For example, you can simply type the first letters, and press "Ctrl + Space" to get suggestions for element and attribute properties that match the entered letters and are valid for the current context (class name, interface name, variable, or field names). If you mistype a name, content assist displays an error.

The Tizen Studio supports Web API, jQuery API, jQuery Mobile API, and various W3C/HTML5 APIs. The content assist functionality can be expanded with support for user-defined and third-party APIs.

Figure 1. Content assist for CSS

Figure 1. Content assist for CSS

For more information, see Content Assist.

Checking the Syntax

Syntax checking tools help you identify and correct problems with the structural quality of your code.

There are 2 ways to inspect your code:

  • Manual check

    1. In the "Project Explorer" view, select a JavaScript file.
    2. Right-click the file and select "Check JavaScript Rules".
      Note

      You can check JavaScript immediately, even without saving the file.

      Figure 2. Checking JavaScript rules manually

      Figure 2. Checking JavaScript rules manually

    3. View the results in the "Problems" view.
      Figure 3. JavaScript scan results in the Problems view

      Figure 3. JavaScript scan results in the Problems view

  • Automatic check

    • When writing code, if there are syntax errors, the automatic check displays the CSSLint or JSLint validator results on the left edge of the editor.
      Figure 4. Checking JavaScript automatically

      Figure 4. Checking JavaScript automatically

    • When you save a file, the project is built and the syntax is checked automatically.

Modifying Syntax Check Settings

If you want to adjust the error level settings for the CSS or JavaScript Validator, go to "Window > Preferences > Tizen Studio > Web > Editor > CSS Editor" or "JavaScript Editor".

By default, the CSS or JavaScript syntax check is run when a document is saved or the project is built. However, you can configure the details in the preferences. To change the inspection point, adjust it in the "CSS Editor" or "JavaScript Editor" tab:

  • If you select "Build", the editor performs a check when building the project.
  • If you select "Reconcile", the editor performs a check when saving the file.

For more information, see CSSLint and JavaScriptLint.