Avec mon-premier-site ouvert depuis le guide précédent, ce chapitre vous fait visiter les cinq zones principales de la fenêtre Cursor. Vous n'avez besoin d'aucune n'en connaître les moindres détails dès maintenant : l'objectif est simplement de savoir, pour chacune, à quoi elle sert.

L'Explorateur, à gauche

C'est la zone que vous avez déjà croisée au guide précédent. Elle liste les fichiers et dossiers du projet ouvert, sous forme d'arborescence. Cliquer sur un fichier l'ouvre dans l'éditeur, au centre. Un clic droit dans cette zone propose de créer un nouveau fichier ou dossier, de renommer, ou de supprimer un élément existant.

L'éditeur, au centre

C'est la plus grande zone de la fenêtre, celle où le contenu du fichier sélectionné s'affiche et se modifie. Chaque fichier ouvert apparaît sous forme d'onglet en haut de cette zone, ce qui vous permet de garder plusieurs fichiers accessibles en même temps sans perdre votre position dans chacun.

Le panneau Agent, généralement à droite

C'est la zone de conversation avec l'IA de Cursor. Elle s'ouvre avec le raccourci Ctrl+I (Cmd+I sur macOS), et se ferme avec le même raccourci ou un bouton de fermeture dédié. Vous y écrirez vos demandes, comme au guide 6 de ce parcours, et vous y verrez les réponses ainsi que les propositions de modification de fichiers.

Le terminal intégré, généralement en bas

Une zone séparée, distincte du panneau Agent, qui exécute de vraies commandes sur votre ordinateur, exactement comme un terminal ouvert en dehors de Cursor. Vous pouvez l'ouvrir depuis le menu Terminal, ou avec le raccourci Ctrl+` (la touche accent grave, généralement sous Échap). Le guide 12 de ce parcours y reviendra en détail : il ne faut jamais confondre cette zone avec le panneau Agent, même si les deux peuvent, selon le contexte, exécuter des commandes.

La palette de commandes

Avec Ctrl+Shift+P (Cmd+Shift+P sur macOS), une petite fenêtre de recherche s'ouvre en haut de l'écran, où vous pouvez taper le nom d'une action pour la retrouver sans devoir chercher dans les menus. C'est utile pour une fonction que vous utilisez rarement, ou dont vous ne connaissez pas encore le raccourci clavier dédié.

Un petit exercice pour fixer ces zones

Cliquez sur index.html dans l'Explorateur : son contenu doit apparaître au centre. Ouvrez ensuite le panneau Agent avec Ctrl+I : une nouvelle zone doit apparaître, généralement sur le côté, avec une zone de saisie en bas. Refermez-le avec le même raccourci. Ouvrez maintenant le terminal avec Ctrl+`` : une troisième zone doit apparaître, avec une invite de commande classique. Refermez-le également. Vous venez de visiter, dans l'ordre, les trois zones que vous utiliserez le plus souvent dans ce parcours.

Une confusion fréquente à éviter dès maintenant

Le panneau Agent et le terminal intégré se ressemblent parfois par leur position à l'écran, mais leur rôle est très différent. Le panneau Agent est une conversation avec l'IA, qui peut proposer des actions à valider. Le terminal exécute directement de vraies commandes sur votre ordinateur, sans discussion intermédiaire. Vous apprendrez à utiliser les deux, avec des précautions différentes.

Vérifiez que vous avez compris

Vous voulez demander à l'IA d'expliquer index.html, sans taper de commande sur votre ordinateur. Quelle zone devez-vous utiliser : le panneau Agent, ou le terminal intégré ?

Le panneau Agent. C'est la zone de conversation avec l'IA, adaptée à une demande d'explication. Le terminal, lui, sert à exécuter de vraies commandes système, ce qui n'est pas ce que vous voulez faire ici.

Chapitre terminé