Mobello Studio 1.1 Released! Check out what’s new and download 1.1 now!

Mobello Studio What’s new

Javascript Editor supports Mobello class system

Content Assist

The content assist (Ctrl+Space) in javascript editor now supports Mobello class system. You can choose functions and variables (local, global) in class or class itself. It also support many useful templates for Mobello.
If ‘$require’ statement is required, then it will be generated automatically.

  • Usage: Input text and press Ctrl + Space

Outline View and quick hierarchy

The outline view and quick hierarchy (Ctrl+O) now supports Mobello class system. You can view the structure of a class quickly.

  • Quick hierarchy usage: Press Ctrl + O in javascript editor


Syntax Highlighting

Mobello class system keywords like $class, $require, define, extend, mixin will be highlighted.

Type inferrence based on JSDoc

If a return type and parameter types is specified in JSDoc, content assist processor will infer that types based on JSDoc information.

Open Declaration

Open declaration (F3) now support Mobello class system.,

  • Usage 1: Select class name and press F3 in javascript editor.
  • Usage 2: Select class name and open context menu. Then select Open Declaration.

Type Hierarchy

Type hierarchy (F4) view now supports Mobello class system.

  • Usage 1: Select class name and press F4 in javascript editor.
  • Usage 2: Select class name and open context menu. Then select Open Type Hierarchy.

Call Hierarchy

Call hierarchy (Ctrl+Alt+H) now supports functions in Mobello class system.

  • Usage: Select method and press Ctrl+Alt+H


Content assist now supports templates for creation Mobello components and controllers.

Integration with Appspresso

Appspresso is a mobile app framework which wraps source code developed with web technology by each mobile platform runtime and builds them into native mobile apps. Currently, developers can build Apple iOS apps, Google Android apps.

If you want to build hybrid mobile app with Appspresso, you have to install Appspresso to our Mobello studio.  See this installation instruction to know how to install Appsrpesso to Mobello Studio.

For more information, see Build Hybrid App with Mobello + Appspresso

New Mobello with Appspresso Project Wizard

You can create hybrid cross-platform application which able to run in both iOS and Android platform by using new project wizard. New project’s structure is same as Appspresso application project, so you can utilize Appspresso’s features for building mobile hybrid app.


Other changes

Update site supports

Now you can install Mobello Studio 1.1 from update site:

Various bug fixed

Many various bug fixed and minor enhancements.

다음 사이트에서 모벨로 소개자료를 확인할 수 있습니다.

윈도우7 에서 크롬 브라우저가 설치되었는데도 불구하고 다음 그림 처럼 크롬 브라우저를 찾지 못하면서 에뮬레이터에서 실행이 안되는 문제가 간혹 발생하고 있습니다. 

이런 문제가 발생하는 경우 Preferences 에서 크롬 브라우저의 위치를 직접 등록해주면 문제 없이 에뮬레이터로 실행할 수 있습니다.

크롬 브라우저의 위치를 등록하는 방법은 다음과 같습니다.

  1. 메뉴의 Window > Preferences  로 Preferences 실행
  2. General > Web Browser 에서 New… 를 선택
  3. 이때 나타나는 다이얼로그에서 Name 을 Chrome 으로 입력하고 Location 을 다음과 같이 chrome.exe 파일이 위치한 위치로 지정한다.
  4. Preferences 의 OK 버튼을 누른다.
  5. Mobello application 을 실행해서 문제없는지 확인해본다.