Интерфейс WebIDE LabEx VM

​

Предварительный просмотр WebIDE

Среда WebIDE особенно полезна для:

1. Написания и отладки кода на различных языках программирования (Java, JavaScript, Python и т. д.)
2. Проектов веб-разработки с возможностями живого просмотра, см. Создайте свою первую HTML-страницу в WebIDE
3. Управления файлами и каталогами проекта через интуитивно понятный интерфейс
4. Интегрированных операций терминала для задач командной строки

​

Расположение среды

Интерфейс WebIDE состоит из нескольких ключевых компонентов:

1. Левая боковая панель:
   • Проводник файлов для навигации по проекту
   • Функция поиска
   • Управление исходным кодом для операций Git
   • Панель расширений
2. Область редактора: Основная рабочая область кодирования
3. Нижняя панель: Терминал, проблемы и вывод
4. Строка состояния: Быстрый доступ к настройкам и живому просмотру
5. Верхняя панель меню: Файл, Правка, Вид и другие параметры

​

Доступ к терминалу

Вы можете открыть терминал двумя способами:

1. Нажмите на значок в левом нижнем углу и переключитесь на вкладку Terminal;
2. Используйте верхнее меню: Terminal > New Terminal

​

Предварительный просмотр HTML

Чтобы просмотреть ваш HTML-файл:

1. В WebIDE нажмите кнопку “Go Live” в правом нижнем углу.
2. Откроется новая вкладка браузера с отображением вашей HTML-страницы.
3. Или вы можете нажать на вкладку “Web 8080”, чтобы открыть предварительный просмотр.
4. Если ваш проект находится в подкаталоге, вы можете получить к нему доступ, щелкнув имя подкаталога в проводнике, тогда он автоматически отобразит файл index.html в этом каталоге.
5. Если ваш проект содержит несколько HTML-файлов, включая index.html, вы можете добавить имя файла к URL-адресу, чтобы просмотреть его напрямую. Например, https://xxx.labex.io/another-file.html.
6. Вы можете открыть предварительный просмотр в новой вкладке, нажав кнопку “Open in New Tab”. Он откроет предварительный просмотр в новой вкладке браузера.

“Go Live” автоматически:

• Запустит веб-сервер
• Предоставит обновления в реальном времени по мере изменения вашего кода

Советы: LabEx VM размещает предварительный просмотр на порту 8080. Вы можете поделиться ссылкой на предварительный просмотр с другими, чтобы продемонстрировать свою работу. После остановки вашей lab vm ссылка на предварительный просмотр больше не будет работать.

​

Сценарии использования

​

Часто задаваемые вопросы