Interface WebIDE du LabEx VM

Travail avec des projets Java dans le WebIDE :

1. Créer un nouveau fichier Java via l’explorateur
2. Écrire votre code Java avec la mise en évidence de la syntaxe
3. Compiler et exécuter dans le terminal :

javac MyClass.java
java MyClass

4. Voir en temps réel les erreurs et avertissements de compilation

Pour les tâches de développement front-end :

1. Créer des fichiers HTML, CSS et JavaScript
2. Cliquez sur le bouton “Go Live” dans le coin inférieur droit
3. Accéder à votre page web via :
   • Onglet Web 8080 en haut de la machine virtuelle LabEx
   • Créer de nouveaux onglets de prévisualisation de port à l’aide du bouton +

Note : Votre projet est automatiquement déployé sur une URL publique sur le serveur LabEx, ce qui le rend accessible via les onglets Web.

Pour la programmation Python :

1. Créer un fichier Python dans l’explorateur
2. Écrire votre code Python avec :
   • Mise en évidence de la syntaxe
   • Complétion de code
   • Découverte d’erreurs
3. Exécuter votre script dans le terminal :

python3 script.py

4. Utiliser le débogueur intégré pour l’exécution étape par étape

La machine virtuelle LabEx déploie automatiquement vos projets web :

1. Port par défaut 8080 :

   • Cliquez sur l’onglet “Web 8080” en haut de la machine virtuelle LabEx
   • Votre application sera accessible via une URL publique

2. Ports personnalisés :

   • Cliquez sur le bouton + pour créer de nouveaux onglets de prévisualisation de port
   • Chaque port obtient sa propre URL publique
   • Utile pour exécuter plusieurs services (par exemple, front-end et back-end)

Note : Contrairement au développement local, vous n’accédez pas directement à localhost car le LabEx s’exécute dans le cloud.

Raccourcis courants dans le WebIDE :

• Opérations de fichier

  • Nouveau fichier : Ctrl+N
  • Enregistrer : Ctrl+S
  • Trouver : Ctrl+F
  • Remplacer : Ctrl+H

• Contrôles de panneau

  • Basculer la barre latérale : Ctrl+B
  • Basculer le terminal : Ctrl+`
  • Palette de commandes : Ctrl+Shift+P

• Fonctionnalités de l’éditeur

  • Multi-curseur : Alt+Clique
  • Sélectionner toutes les occurrences : Ctrl+Shift+L
  • Formater le document : Shift+Alt+F

Oui, vous pouvez installer des outils supplémentaires à l’aide du gestionnaire de packages Ubuntu :

sudo apt update
sudo apt install package-name

Pour les gestionnaires de packages spécifiques aux langages :

• Node.js/npm :

npm install package-name

• Python/pip :

pip install package-name

Rappelez-vous que les installations sont temporaires et seront réinitialisées lorsque votre session prendra fin.

Le WebIDE propose plusieurs façons de gérer les fichiers :

1. Téléverser des fichiers :

   • Glisser-déposer des fichiers dans l’explorateur
   • Utiliser le téléchargement/téléversement après avoir cliqué droit dans l’explorateur

2. Télécharger des fichiers :

   • Cliquez droit sur le fichier dans l’explorateur
   • Sélectionnez “Télécharger”

3. Copier/coller :

   • Le contenu textuel peut être copié directement entre votre ordinateur local et le WebIDE
   • Les fichiers binaires devraient utiliser les fonctionnalités de téléchargement/téléversement

Rappelez-vous que tous les fichiers sont temporaires et seront perdus lorsque votre session prendra fin.