LabEx VM
LabEx VM WebIDE Interface
The LabEx WebIDE provides a modern, VS Code-like development environment for coding tasks. Built on Ubuntu 22.04, it offers a familiar interface for writing, compiling, and running code across multiple programming languages.
WebIDE Preview
The WebIDE environment is particularly useful for:
- Writing and debugging code in various programming languages (Java, JavaScript, Python, etc.)
- Web development projects with live preview capabilities, see Create Your First HTML Page in WebIDE
- Managing project files and directories through an intuitive interface
- Integrated terminal operations for command-line tasks
Environment Layout
The WebIDE interface consists of several key components:
- Left Sidebar:
- File explorer for project navigation
- Search functionality
- Source control for Git operations
- Extensions panel
- Editor Area: Main coding workspace
- Bottom Panel: Terminal, problems, and output
- Status Bar: Quick access to settings and live preview
- Top Menu Bar: File, Edit, View, and other options
Terminal Access
You can open the terminal in two ways:
- Click the icon in the left bottom corner, and switch to the Terminal tab;
- Use the top menu: Terminal > New Terminal
Preview HTML
To preview your HTML file:
- In the WebIDE, click on the “Go Live” button at the bottom right corner.
- A new browser tab will open with your HTML page rendered.
- Or, you can click on the “Web 8080” tab to open the preview.
- If your project under a subdirectory, you can access it by click the subdirectory name in the explorer, then it will automatically preview the
index.html
file in that directory. - If your project has multiple HTML files, including
index.html
, you can append the file name to the URL to preview it directly. For example,https://xxx.labex.io/another-file.html
. - You can open the preview in a new tab by clicking the “Open in New Tab” button. It will open the preview in a new browser tab.
“Go Live” will automatically:
- Start a web server
- Provide real-time updates as you modify your code
Tips: LabEx VM hosts the preview on port 8080. You can share the preview link with others to showcase your work. After your lab vm is stopped, the preview link will no longer work.
Usage Scenarios
Frequently Asked Questions
Was this page helpful?