webOS Studio Introduction

webOS Studio is an Microsoft Visual Studio Code (VS Code) extension for webOS. Using this extension, developers easily start to make webOS apps/services (web app, Enact app, JS service).

Note
For changes and updates, check the Change Log | VS Code marketplace.

Key features

Key features of webOS Studio are as follows:

  • Managing the lifecycle of webOS apps and services
  • Managing connected webOS devices and emulators
  • Providing many convenience features for webOS development
  • Running ESLint on Enact apps

Interface

This is the User Interface of webOS Studio. Screenshot of webOS Studio extension

ComponentDescription
Apps in WorkspaceLists apps in the workspace. The workspace of webOS Studio is different from that of VS Code. For more details, refer to webOS Studio | VS Code marketplace.
Known DeviceLists the known devices registered by webOS Studio or CLI. By default, a dummy emulator device is listed in the view. This device requires VirtualBox emulator on your computer.
Package ManagerManages SDKs for webOS app development. See Package Manager.
Simulator ManagerLists the installed webOS TV Simulators. See Simulator Manager.
Emulator ManagerLists installed images in VirtualBox Emulator. See Emulator Manager.
Quick LauncherLists links to webOS Studio documents and tools.
Command PaletteEnters and executes various commands (Shortcut: Ctrl + Shift + P).
Notification AreaShows notification messages for completion, errors, and more about the extension.
No Headings