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

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

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

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

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

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

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

Чтобы просмотреть ваш HTML-файл:
  1. В WebIDE нажмите кнопку “Go Live” в правом нижнем углу. Go Live button in WebIDE
  2. Откроется новая вкладка браузера с отображением вашей HTML-страницы. HTML page rendered in browser tab
  3. Или вы можете нажать на вкладку “Web 8080”, чтобы открыть предварительный просмотр. WebIDE Web 8080 tab preview
  4. Если ваш проект находится в подкаталоге, вы можете получить к нему доступ, щелкнув имя подкаталога в проводнике, тогда он автоматически отобразит файл index.html в этом каталоге. WebIDE subdirectory preview
  5. Если ваш проект содержит несколько HTML-файлов, включая index.html, вы можете добавить имя файла к URL-адресу, чтобы просмотреть его напрямую. Например, https://xxx.labex.io/another-file.html. WebIDE multiple HTML files preview
  6. Вы можете открыть предварительный просмотр в новой вкладке, нажав кнопку “Open in New Tab”. Он откроет предварительный просмотр в новой вкладке браузера. WebIDE Open in New Tab
“Go Live” автоматически:
  • Запустит веб-сервер
  • Предоставит обновления в реальном времени по мере изменения вашего кода
Советы: LabEx VM размещает предварительный просмотр на порту 8080. Вы можете поделиться ссылкой на предварительный просмотр с другими, чтобы продемонстрировать свою работу. После остановки вашей lab vm ссылка на предварительный просмотр больше не будет работать.

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

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