Comment utiliser SolvateX Code

Guide complet pour creer, personnaliser et deployer vos applications web avec l'IA.

Catalogue de la barre laterale

Explorateur

Arborescence des fichiers du projet. Ouvrez, renommez, supprimez ou deplacez vos fichiers et dossiers.

RechercheCtrl+Shift+F

Cherchez un mot, une variable ou un texte dans tous vos fichiers. Supporte les expressions regulieres.

Controle sourceCtrl+Shift+G

Gerez vos versions avec Git : voyez les fichiers modifies, stagez, commitez et poussez vers votre depot.

ExecuterF5

Lancez et debuggez votre code. Placez des points d'arret, inspectez les variables et controlez l'execution pas a pas.

Moniteur

Surveillez les performances en temps reel : utilisation memoire, temps de reponse, requetes reseau.

Chat IACtrl+L

Discutez avec l'IA qui connait tous vos fichiers. Posez des questions, collez des captures d'ecran, demandez des explications.

CompositeurCtrl+Shift+I

L'IA modifie plusieurs fichiers simultanement. Decrivez un changement global et validez chaque modification une par une.

Agent

L'assistant autonome qui construit des applications completes. Decrivez votre projet, il planifie, code, et vous pouvez deployer en un clic.

ApercuCtrl+Shift+P

Visualisez votre application en direct. Le preview se met a jour automatiquement a chaque modification de code.

Revue de code

L'IA analyse votre code et signale les bugs, failles de securite, problemes de performance et suggestions d'amelioration.

TerminalCtrl+`

Terminal integre pour executer des commandes sans quitter l'IDE. Supporte plusieurs sessions simultanees.

Parametres

Personnalisez l'IDE : changez le theme (clair/sombre), la taille de police, les raccourcis clavier et les plugins.

L'Agent — Votre constructeur IA

  • Cliquez sur le bouton Agent dans la barre laterale gauche
  • Decrivez votre application : "Cree une application de gestion de restaurant avec reservations, menu du jour et facturation"
  • L'Agent planifie, genere le code HTML/CSS/JS, cree les pages et remplit les donnees
  • Vous suivez chaque etape en direct (Think → Edit → Done)
  • Si le resultat ne vous plait pas, cliquez "Undo changes" pour revenir en arriere
  • Vous pouvez continuer la conversation : "Ajoute une page statistiques" ou "Change la couleur en bleu"

L'Editeur — Modifier le code

  • Editeur Monaco (le meme moteur que VS Code) avec coloration syntaxique
  • Ctrl+S pour sauvegarder, Ctrl+P pour chercher un fichier
  • Ctrl+K : demandez a l'IA de modifier une ligne ou un bloc precis
  • Split view : editez deux fichiers cote a cote
  • Glissez-deposez des fichiers depuis votre ordinateur pour les importer

Le Chat IA — Poser des questions

  • Ouvrez le Chat avec le bouton dans la barre laterale ou Ctrl+L
  • Posez n'importe quelle question sur votre code
  • Collez des images (captures d'ecran d'erreurs, maquettes)
  • L'IA connait tous vos fichiers ouverts et peut les referencer

Le Preview — Voir le resultat

  • Le preview LIVE se met a jour automatiquement a chaque modification
  • Cliquez le bouton Refresh pour forcer le rechargement
  • Entrez une URL dans la barre d'adresse pour previewer un site externe
  • Le preview supporte HTML, CSS, JS, Markdown, SVG, CSV et JSON

Le Deploiement — Mettre en ligne

  • Apres la construction par l'Agent, cliquez le bouton "Deploy"
  • Votre application est en ligne instantanement
  • Copiez le lien et partagez-le avec n'importe qui

Conseils pour de meilleurs resultats

Soyez precis

"Cree un CRM" → "Cree un CRM pour une agence immobiliere avec gestion des biens, des clients, des visites et un tableau de bord avec revenus mensuels"

Iterez

Commencez simple, puis ajoutez des fonctionnalites une par une via l'Agent : "Ajoute une page rapports", "Ajoute un mode sombre"

Combinez les outils

Utilisez l'Agent pour construire, le Chat pour poser des questions, Ctrl+K pour des modifications precises dans le code

Raccourcis clavier

SauvegarderCtrl+S
Tout sauvegarderCtrl+Shift+S
Chercher un fichierCtrl+P
Rechercher dans les fichiersCtrl+Shift+F
Modification IA inlineCtrl+K
Ouvrir le Chat IACtrl+L
ApercuCtrl+Shift+P
TerminalCtrl+`
Lancer l'IDE