VS Code Extension Installation
This article guides you on installing the webOS TV extension for Visual Studio (VS) Code.
- To learn how to connect the TV device, see webOS TV Extension configuration.
- To learn how to use the critical functions of the extension, see App development with webOS TV Extension.
Prerequisite
webOS TV CLI
The extension provides the same functions as the CLI (Command Line Interface) does. Therefore, you must install the latest version of CLI and configure the CLI path in the environment variable (WEBOS_CLI_TV) before using it.
To configure the environment variable, see CLI Installation.
Chrome browser
To debug your apps using Web Inspector, you must install the compatible Chrome browser (or Chromium) with the webOS TV's Chromium browser on your PC. Some versions of the Chrome browser, however, might not work appropriately.
The following table shows the compatible Chrome version by webOS TV version with the download link.
| webOS TV version | Release year of webOS TV | Compatible Chrome version for using Inspector |
|---|---|---|
| webOS TV 23 | 2023 |
|
| webOS TV 22 | 2022 | |
| webOS TV 6.0 | 2021 | |
| webOS TV 5.0 | 2020 | |
| webOS TV 4.x | 2018-2019 | |
| webOS TV 3.x | 2016-2017 | |
| webOS TV 2.0 | 2015 | |
| webOS TV 1.0 | 2014 |
Installing webOS TV extension
To install the VS Code extension on VS Code, execute the following steps. You can also check the webOS TV extension at the Marketplace.
-
Run VS Code.
-
Bring up the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of VS Code or the View: Extensions command (Ctrl+Shift+X).
-
Search the 'webOS TV' extension and install it from the Marketplace.