Tutoriel - LevelUp Editor

1. L'Interface (Le Saint Graal)

C'est simple : 3 colonnes. Fichiers à gauche, Code au milieu, Résultat à droite.

index.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    
  </body>
</html>

Preview

En temps réel !

Le fichier `index.html` est le chef d'orchestre. Il doit appeler les autres.

<!-- Mets ça dans le <head> -->
<link rel="stylesheet" href="style.css">

<!-- Mets ça juste avant </body> -->
<script src="script.js"></script>

Les noms doivent correspondre EXACTEMENT :

📁 mon-projet

📄 index.html 👈

📄 style.css 👈

📄 script.js 👈

Erreur n°1 : Si ça marche pas, vérifie que tu as bien écrit `href="style.css"` et pas `href="style.css.txt"`.

⚡

Pas besoin de sauvegarder. Tu tapes, ça s'affiche à droite instantanément.

🤖

Tape `Tab. Magique ! Ça ferme la balise pour toi.

🧹

Ton code est mal formaté ?
Clique sur Format dans le menu du haut pour le nettoyer automatiquement.

🔄

Si la preview bug, clique sur l'icône 🔄 en haut à droite de la preview.

Installe des librairies (GSAP, Three.js) via le bouton NPM.

Télécharge tout ton projet en un clic pour le mettre en ligne.

Importe ton tout ton projet en un clic pour le Modifier ici.

Utilise la barre de recherche pour trouver rapidement des fichiers ou des dossiers dans ton projet.