Comment accéder et modifier votre code dans Coderick AI

Coderick AI construit votre projet à partir de vos instructions saisies dans le chat, mais le résultat est une véritable base de code, ou les mêmes fichiers avec lesquels un développeur travaillerait. L’onglet CODE ouvre cette base de code directement à l’intérieur de Coderick AI, ce qui vous permet de la consulter, de la comprendre et d’y apporter des modifications manuelles quand vous le souhaitez.

Quelles possibilités l’onglet « Code » offre-t-il à votre projet Coderick AI ?

Le principal avantage de Coderick AI réside dans la possibilité de décrire ce que vous souhaitez en langage courant, pas besoin d’écrire ni de comprendre le code. Cependant, il arrive parfois que vous sachiez exactement ce qu’il faut modifier (une classe CSS, une valeur de couleur, une propriété) et que le fait de le décrire prenne plus de temps que de le faire vous-même. Il arrive aussi que vous souhaitiez simplement voir ce qui a été créé.

Les principaux avantages offerts par l’accès au code sont les suivants :

• Visibilité totale. Chaque fichier généré par Coderick AI est à votre disposition pour que vous puissiez l’ouvrir et le lire ; ainsi, aucun aspect de votre projet ne reste une « boîte noire ».
• Les modifications manuelles ne consomment pas de crédits. Quand vous modifiez un fichier vous-même, cela ne consomme pas de crédits, contrairement à Coderick AI qui effectue la modification à votre place. Pour une petite modification que vous savez déjà faire, la modifier directement est la solution la plus rapide et la moins coûteuse.
• Chaque enregistrement est un point de restauration. Chaque enregistrement réussi crée une version à laquelle vous pouvez revenir, ce qui vous permet de modifier vos fichiers en toute confiance.
• Pas de dépendance. Vous pouvez télécharger un fichier unique ou l’intégralité de votre projet au format .zip.

Comment accéder à l’onglet Code ?

Ouvrez votre projet dans Coderick AI, puis sélectionnez « CODE » dans la barre d’onglets située au-dessus de la zone d’aperçu, à côté de « APERÇU » et « ÉDITION VISUELLE ».

L’aperçu est remplacé par la vue du code : l’arborescence des fichiers à gauche et l’éditeur à droite.

Comment parcourir vos fichiers

L’arborescence répertorie les fichiers et dossiers de votre projet. Sélectionnez un dossier pour l’agrandir, puis sélectionnez un fichier pour l’ouvrir dans l’éditeur.

Deux éléments facilitent la navigation dans un projet plus volumineux :

• Ouvrir plusieurs fichiers à la fois. Ouvrir un deuxième fichier ne ferme pas le premier. Chaque fichier ouvert obtient son propre onglet en haut de l’éditeur, ce qui vous permet de naviguer entre eux pendant que vous travaillez, un atout utile lorsqu’une modification s’étend sur plusieurs fichiers. Fermez un fichier avec le ✕ sur son onglet.
• Réduire l’arborescence des fichiers. Utilisez le bouton de réduction situé à gauche des onglets des fichiers pour masquer l’arborescence et afficher l’éditeur en pleine largeur. Cliquez à nouveau dessus pour afficher à nouveau l’arborescence.

Comment apporter et enregistrer des modifications

Vous pouvez saisir du texte directement dans l’éditeur et modifier n’importe quel fichier manuellement. Les modifications manuelles ne coûtent pas de crédits.

Dès que vous effectuez une modification, la barre d’outils affiche un indicateur Modifications non enregistrées, les boutons IGNORER et ENREGISTRER deviennent actifs, et un point apparaît sur l’onglet de chaque fichier que vous avez modifié.

Quelques conseils utiles à connaître lorsque vous modifiez vos fichiers :

• N’hésitez pas à faire des essais. Apportez une modification, réécrivez-la, annulez-la. Rien n’est enregistré dans votre projet tant que vous n’avez pas cliqué sur « Enregistrer ». Vous pouvez également utiliser CTRL + Z pour annuler et CTRL + Y pour rétablir.
• Publiez l’ensemble de vos modifications sous la forme d’une seule version propre. L’enregistrement génère une nouvelle version de votre projet intégrant toutes les modifications que vous avez apportées. Vos modifications sont conservées jusqu’à ce que vous décidiez de les enregistrer. Ainsi, un enregistrement volontaire génère une seule version, plutôt que de reconstruire votre projet à chaque caractère modifié.
• Vous pouvez annuler vos modifications. Le bouton IGNORER supprime vos modifications non enregistrées et ramène les fichiers à leur dernier état enregistré.
  

  

Que se passe-t-il lorsque vous enregistrez

Une nouvelle carte de version apparaît dans le panneau de discussion, intitulée « Modification du code » et horodatée. Cette carte constitue un point de restauration : ses commandes vous permettent de consulter cette version ou de revenir à votre projet tel qu’il était à ce moment-là, si une modification suivante ne donne pas les résultats escomptés. En d’autres termes, chaque enregistrement réussi crée une version de secours sur laquelle vous pouvez toujours revenir.

Comment pointer Coderick AI vers un fichier spécifique

Vous n’avez pas besoin d’effectuer chaque modification vous-même. Vous pouvez faire référence au fichier ouvert dans votre prochain message de chat. Le fichier apparaît sous forme de vignette au-dessus de la zone de message, et vous tapez ensuite ce que vous souhaitez modifier en texte brut, comme d’habitude.

Faire référence à un fichier précis limite le travail à celui-ci, ce qui rend les modifications et les explications de Coderick AI plus rapides et plus précises qu’une demande générale, car l’IA n’a pas besoin de deviner à quelle partie du projet vous pensez.

Comment rechercher dans votre code

Il existe deux types de recherche, pour deux tâches différentes.

Recherche dans l’ensemble du projet. Utilisez le champ de recherche au-dessus de l’arborescence des fichiers et sélectionnez l’icône de recherche pour l’exécuter. Les résultats reviennent en deux sections, chacune avec un compte :

• Fichiers : fichiers dont le nom correspond à ce que vous avez tapé.
• Dans les fichiers : fichiers dont le contenu correspond, avec le nombre d’occurrences dans chacun d’eux.

Vous pouvez aussi trouver un fichier lorsque vous vous souvenez de son nom, et rechercher une chaîne de caractères lorsque vous ne vous souvenez que de ce que dit le code.

Recherche dans le fichier ouvert. Appuyez sur CTRL + F ou cliquez sur l’icône de recherche dans la barre d’outils de l’onglet « Code » pour ouvrir la barre de recherche du fichier que vous consultez actuellement. Elle met en surbrillance chaque occurrence et affiche le nombre d’occurrences.

Comment télécharger votre code

Sélectionner l’icône de téléchargement dans la barre d’outils de l’onglet Code vous permet de :

• Télécharger le fichier sélectionné : il télécharge le fichier actuellement ouvert dans l’éditeur.
• Télécharger l’ensemble de la base de code : il télécharge l’ensemble du projet sous forme d’archive .zip.