• Customizing the IDE Interface

• Setting IDE Preferences

The Tizen Studio Web Editor is a powerful tool for creating and modifying source code. It supports:

• Code editing features, such as syntax highlighting and content assist
• Debugging features, such as console logging and privilege checking

The Web Editor provides support for JavaScript, HTML, and CSS file editing.

The following figure illustrates the parts of the Tizen Studio interface.

Figure 1. Tizen Studio interface

The Tizen Studio interface is composed of a set of views:

• "Menu bar" provides functionalities to create or modify your project or application.
• "Toolbar" provides quick access to frequently-used functionalities in the menu bar.
• "Perspective" buttons allow you to open and change the editing perspective of the Tizen Studio. For SSSP application development, use the "Web" perspective.
• "Project Explorer" view displays a hierarchical view of the opened projects and their resources.
• "Editor" view is where you edit HTML, CSS, JS, and XML code.
• "Outline" view gives a structural summary of the file displayed in the editor.
• "Problems" view displays errors and warnings for the selected project.
• "Console" view displays the JavaScript logs.

Customizing the IDE Interface

You can customize the Tizen Studio by modifying which views are shown.

To add more views:

1. In the Tizen Studio menu, select "Window > Show View > Other".
   

   

   Figure 2. Show View dialog

   
   The "Show View" dialog opens.

   
   

2. Select the view you want and click "OK".

3. Adjust the position of the view by dragging and dropping it into any of the panes in the Tizen Studio. To remove a view, click "x" on its title tab, or right-click the title tab and select "Close".

Setting IDE Preferences

The Tizen Studio Web Preferences tool allows you to set the Web preferences, which are a set of options, such as resources, file colors, version control options, and code styles. The preferences allow you to configure the workspace to optimize your working environment.

For more information, see Setting Tizen Studio Web Preferences.