LabEx WebIDE は、コーディングタスク向けのモダンな VS Code のような開発環境を提供します。Ubuntu 22.04 をベースに構築されており、複数のプログラミング言語でコードを記述、コンパイル、実行するための使い慣れたインターフェースを提供します。
WebIDE 環境は、特に以下の場合に役立ちます。
WebIDE インターフェースは、いくつかの主要コンポーネントで構成されています。
ターミナルは次の 2 つの方法で開くことができます。
HTML ファイルをプレビューするには:
index.html
ファイルが自動的にプレビューされます。
index.html
を含む複数の HTML ファイルがある場合は、ファイル名を URL に追加して直接プレビューできます。たとえば、https://xxx.labex.io/another-file.html
です。
「Go Live」は自動的に以下を実行します。
ヒント:LabEx VM はポート 8080 でプレビューをホストします。他の人とプレビューリンクを共有して、作業を紹介できます。ラボ VM が停止すると、プレビューリンクは機能しなくなります。
Java 開発サンプル
これは、LabEx WebIDE を使用して、シンプルな Java プログラムを記述、コンパイル、実行する方法を示す Java ラボのサンプルです。
WebIDE での Java プロジェクトの操作:
Web 開発サンプル
これは、LabEx WebIDE を使用してシンプルな Web ページを作成する方法を示す HTML ラボのサンプルです。
フロントエンド開発タスクの場合:
注:プロジェクトは LabEx サーバー上のパブリック URL に自動的にデプロイされるため、Web タブからアクセスできます。
Python 開発サンプル
これは、LabEx WebIDE を使用して宇宙飛行士の名前を処理する方法を示す Python チャレンジのサンプルです。
Python プログラミングの場合:
Web アプリケーションにアクセスするにはどうすればよいですか?
LabEx VM は、Web プロジェクトを自動的にデプロイします。
デフォルトポート 8080:
カスタムポート:
注:ローカル開発とは異なり、LabEx はクラウドで実行されるため、localhost に直接アクセスすることはありません。
重要なキーボードショートカットは何ですか?
WebIDE の一般的なショートカット:
ファイル操作
パネルコントロール
エディター機能
追加のツールやパッケージをインストールできますか?
はい、Ubuntu パッケージマネージャーを使用して追加のツールをインストールできます。
言語固有のパッケージマネージャーの場合:
インストールは一時的であり、セッションが終了するとリセットされることに注意してください。
ファイルのアップロードとダウンロードを処理するにはどうすればよいですか?
WebIDE には、ファイルを管理するためのいくつかの方法があります。
ファイルのアップロード:
ファイルのダウンロード:
コピー/貼り付け:
すべてのファイルは一時的であり、セッションが終了すると失われることに注意してください。