Transcription
1. Introduction du cours: Bonjour, tout le monde. Et bienvenue dans le cours AI with Cursor destiné
aux développeurs. Je m'appelle Honor et je serai
professeur pour ce cours. La question qui vous vient donc à l'
esprit est probablement de savoir
ce qu'est l'IA à curseur ? Cursor AI est donc
essentiellement un éditeur de code qui vous aide à écrire du code à
l'aide de l'intelligence artificielle. Cela ressemble maintenant à un programme de codage
normal, mais vous pouvez lui poser des questions. Vous pouvez générer du code, corriger des erreurs et
expliquer le code pendant que vous travaillez. Désormais, une façon simplifiée de traiter l'IA
du curseur consiste à la considérer comme un assistant de codage intelligent
intégré à votre éditeur et vous aidant à écrire du code plus rapidement et en commettant moins d'erreurs. Maintenant, pour ceux d'entre vous qui ont déjà
utilisé un éditeur de code tel que le code
Visual Studio, par
exemple, essayez de
voir l'IA du curseur sous code
Visual Studio et d'un
chat GPT à Ainsi, lorsque vous travaillez
dans votre éditeur, vous pouvez voir votre code et
tout est en place. Vous pouvez également utiliser
une zone de discussion où
vous pouvez le
demander, poser des questions, générer
du code, etc., corriger les erreurs, tout en un, vous pourriez dire
éditeur ensemble, curseur AI C'est ainsi que j'aimerais que
vous le visualisiez. D'accord. C'est donc tout que
je voulais mentionner
pour cette introduction. Allons-y et
commençons avec Cursor AI.
2. Installation de l'IA du curseur: Bonjour à tous, et bienvenue
à la prochaine leçon, qui portera sur l'installation et la configuration de Cursor
AI sur notre appareil. Maintenant, la première chose
que vous voulez faire est de vous rendre sur cursor.com Donc, dans votre URL, il
vous suffit de taper cursor.com. Ensuite, cela vous mènera
à la page suivante. Maintenant, bien sûr, vous pouvez
continuer et télécharger ici. Donc, comme je suis sur
un appareil Windows, cela m'invite
spécifiquement à télécharger pour Windows Donc, ce que je vais faire, c'est
dire télécharger pour Windows. OK. Je vais donc simplement
télécharger cette configuration. OK, donc nous
voulons juste l'attendre, puis nous pourrons
continuer la configuration. C'est bon. Nous
pouvons donc maintenant voir que le lanceur d'installation est
prêt à être exécuté, nous pouvons
donc passer au téléchargement Et nous l'avons ici. C'est ce que je
vais sélectionner. OK. Prenez juste un moment pour ouvrir
votre machine. Vous voulez donc simplement accepter l'accord, passez
à l'étape suivante. Dites suivant, suivant, et je
vais juste créer une icône de bureau ici, juste pour des raisons de base, et nous pouvons laisser toutes
les options par défaut définies telles quelles en fonction des cases
à cocher Ensuite, nous pouvons dire suivant et
installer. C'est vrai. Il va donc
falloir un moment pour placer le curseur sur notre machine. Nous devons donc être un
peu patients pour le moment. Très bien, nous pouvons donc voir que Cursor AI a été installé
avec succès. Alors maintenant, vous pouvez voir ici qu'il y a une option pour lancer le curseur. Nous pouvons laisser la case à cocher
telle quelle et simplement dire « terminer ». Et vous remarquerez également
si vous vous
dirigez vers votre bureau qu'
il affichera également
le curseur AI Desktop sur
votre machine. OK, alors laissons-le juste un moment pour l'ouvrir.
3. Configuration du curseur avec l'IA: OK, nous pouvons donc maintenant voir
que l'IA de malédiction est ouverte. Cela peut prendre un moment, alors ne vous inquiétez pas si
cela prend un certain temps. Maintenant, ce que nous voulons faire, c'est
vous dire de vous inscrire. OK. Maintenant, nous pouvons continuer
et dire « continuer à nous connecter ». OK. Et maintenant, nous
allons sélectionner S'inscrire ici. Alors, comment puis-je dire le flux de travail
directionnel ici ? Cela peut sembler un peu confus,
mais ne vous inquiétez pas. Tant que tu me
suivras, tu seras bon. Alors inscrivez-vous. OK.
Et ce que vous pouvez
faire, c'est choisir quelques options. Vous pouvez continuer avec Google, continuer avec Github,
continuer avec Apple, ou vous pouvez saisir manuellement votre
prénom,
votre nom famille, votre adresse e-mail,
puis continuer C'est vraiment à vous de décider
comment vous voulez procéder. Donc, ce que je vais
faire, c'est continuer et continuer avec Github Je veux donc adopter l'approche du
développeur. Je vais donc
suivre. Très bien, je vais donc
continuer avec Github. OK, maintenant je suis déjà
connecté à un compte Gu. Si vous n'avez pas de compte Gu, je
vous recommande de le configurer. Je vais donc simplement
dire Un curseur de synthèse. OK, il n'y a que
quelques parties ici. Je vais juste passer à autre chose.
Tu veux sauter pour le moment. Un plan pro est
disponible ici, mais
je vous recommande de le garder gratuit. Je vais dire Ignorer pour l'instant, désactiver le partage de données, continuer. Les paramètres, je vais
juste dire, continuent pour le moment, et je peux, bien sûr, connecter
aux bureaux avec curseur Je vais juste
continuer et dire, oui, connectez-vous. Et nous y voilà. D'accord. Voilà, vous l'avez. C'est ainsi que vous pouvez
continuer et vous assurer
que vous êtes configuré et prêt à partir et que vous êtes
connecté pour utiliser le curseur. Alors maintenant, si nous revenons au curseur,
nous pouvons simplement dire « se connecter ». OK, on peut juste dire, oui, connectez-vous ici, Syndicate. Ensuite, nous pouvons revenir en arrière et
nous pouvons dire « continuez ». OK. Et nous y voilà. Bienvenue chez Cursor. C'est bon. C'est ainsi que vous
pouvez vous lancer dans une haie et installer et configurer Cursor
AI sur votre machine. Donc, la seule chose
que vous devez
ajuster par vous-même est de vous
assurer que vous avez créé
ce compte Github, puis vous pourrez,
bien sûr, continuer N'oubliez pas que vous n'êtes pas
nécessairement obligé de le faire. Il y avait d'autres options. Donc, techniquement, vous pouvez simplement utiliser un simple e-mail pour tout
configurer. Il existe donc des moyens
pour vous d'en arriver là. C'est bon. C'est bon. Donc, ce que nous pouvons faire maintenant,
c'est continuer. D'accord. Et comme vous pouvez le voir maintenant, nous sommes sur le bureau du curseur. Nous pouvons donc aller de l'avant et
maximiser ce qui suit. Et nous avons opté pour le forfait gratuit, comme vous pouvez le constater,
vous souhaitez bien sûr passer à un forfait supérieur. Vous pouvez sélectionner l'option de
mise à niveau. Je fais donc un zoom arrière en zoomant un peu ici pour que ce
soit un peu plus clair Il existe maintenant quelques options. Nous pouvons ouvrir un projet. Nous pouvons cloner un dépôt ou
nous connecter via SSH. Ils ne pouvaient pas rester
très simples ici. Et nous ouvririons un projet. Donc, ce que je vais faire, c'est
simplement minimiser pour le moment, et nous pouvons simplement fermer
ces liens pour le moment. OK. Et ce que je
vais faire, c'est vous montrer que vous pouvez également accéder à Cursory
ici, sur votre bureau Permettez-moi donc de terminer
ce qui suit ici. Nous pouvons également choisir
l'application de bureau. Ouvrons-le
donc de cette façon. Et c'est juste pour prendre l'habitude de l'
ouvrir directement. C'est donc une option
un peu plus propre pour vous permettre de tout configurer. OK. C'est donc ainsi que nous pouvons aller de l'avant et tout
préparer et ouvrir.
4. Explorer Cursor AI et créer une application simple: C'est bon.
Continuons donc avec Cursor AI. Maintenant, ce que nous
voulons faire, essentiellement, c'est nous lancer
directement et créer une petite
application de démonstration ou une application. Maintenant, pour ce
faire, il faudrait aller sur une haie
et ouvrir un projet. Nous allons donc simplement créer un dossier très
simple sur notre bureau pour l'ouvrir
ici dans notre éditeur Cursor AI, vous pourriez dire que je
vais le minimiser. Et sur mon bureau,
je vais cliquer sur un nouveau dossier et je vais
lancer cette démo. C'est très simple. Ensuite, je vais
revenir à Cursor, et je vais
dire Open Project. Ensuite, je vais
aller sur mon bureau, sélectionner la démo
et dire sélectionner le dossier. OK. Encore une fois, pour ceux qui
utilisent le code Visual Studio, vous verrez que cet ensemble d'ambiance est très similaire Très bien, nous pouvons
voir sur le côté
gauche notre dossier de démonstration que nous avons
actuellement ouvert,
et nous pouvons voir qu'il
ne contient aucun fichier. Nous pouvons techniquement créer
des fichiers et des dossiers, etc. Mais ce que nous pouvons voir maintenant
sur le côté droit c'est cette boîte de discussion. Comme je l'
ai mentionné, c'est donc très similaire à discuter avec GPT, où
vous tapez
ce que vous voulez voir se produire Et je veux juste clore
ça pour le moment. Et comme vous le verrez ici, nous pouvons continuer et nous
ajuster en conséquence ici. Ainsi, par exemple, nous pouvons voir
que nous avons un mode agent. Donc, en gros, vous vous demandez probablement
ce qu'est un agent. Les agents sont donc essentiellement des assistants basés sur l'
IA qui peuvent effectuer des tâches par eux-mêmes au lieu d' attendre chaque instruction Donc, en gros, un agent
peut lire votre code et décider de
ce qui doit être fait. Prenez des mesures telles que l'écriture de fichiers, correction de bogues ou l'exécution d'
étapes dans l'ordre. Essayez donc de voir un agent comme
une IA qui ne se
contente pas de répondre à des questions, mais sur laquelle
j'agis. OK. Donc, bien sûr, si je devais cliquer sur
les trois points, je pourrais, bien sûr,
dire chat embauché. OK. Et si je voulais ouvrir
cette voie et commencer, je dirais nouvel agent, ce qui me permettra de continuer. Maintenant, nous pouvons également
changer le mode agent. Nous utilisons donc actuellement
un agent, et c'est l'approche
recommandée. Ici, nous voulons planifier, rechercher et construire quelque chose. Il existe des options supplémentaires
que vous pouvez modifier si vous souhaitez spécifiquement planifier, si vous souhaitez déboguer ou si vous souhaitez poser une question particulière
sur votre base de code Nous allons garder
l'option par défaut ici afin d'avoir une approche
générale à portée de main. Donc, ce que je veux que nous fassions maintenant,
c'est instancier une commande. Je veux dire créer
un portfolio simple disons une application avec uniquement du
HTML, du CSS et du JavaScript. Nous allons donc
rester très, très basiques et très simples. Nous pouvons donc aller de l'avant
et dire « allez-y » ou « entrez ». Et comme vous pouvez le voir maintenant, le chat va être débogué ici et l'agent
va être au travail Nous pouvons donc également continuer
et simplement évaluer au fur et à mesure que ce
processus est terminé Nous pouvons
donc simplement utiliser la barre de
défilement ici pour voir, d'
accord, un index du
fichier HMI est en cours de création Et si nous faisons défiler la page vers le bas, nous pouvons voir que les
fichiers CSS à points de styles sont également créés, et ils sont remplis dans notre dossier de démonstration,
que nous venons de créer. Comme nous pouvons le voir, il
ajoute maintenant le fichier, donc l'index dans le fichier HTML, le fichier script point gs, le fichier styles point css, le tout
se trouve dans un seul
dossier ici dans la démo. C'est pourquoi nous avons d'
abord
dû ouvrir notre projet afin qu'il puisse
aller de l'avant et le construire. Et cet agent fait
tout conformément à nos commandes et à ce que
nous instancions Nous pouvons également voir certaines informations
ici. Termes des fonctionnalités. Nous pouvons donc voir qu'il a été ajouté dans une barre de navigation, ici une
section sur la section sur la section, section sur les
compétences, tous les
détails. Cela nous donne également
des informations sur les fichiers
qui ont été créés. Au fur et à mesure que je les ai passés en
revue, le fichier HTML à points d'index, le script à points
étoiles, le script point gs et nous ont également fourni des informations sur la façon
dont nous pouvons Nous allons donc ouvrir notre index sur le fichier
HML dans le navigateur Web, et nous pouvons également voir ce que ce
portefeuille inclut, qu'il a continué à configurer, ainsi
que quelques autres détails Maintenant, si vous n'aimez pas
ce qui a été construit ici, vous pouvez simplement continuer
et dire « Tout annuler ». Vous pouvez également tout revoir pour simplement examiner ces
modifications à un niveau plus approfondi. Donc, si je devais dire évaluation, cela ouvrirait alors
cette option de révision pour je puisse continuer et
examiner les détails ici. Maintenant. Bien sûr,
vous devez simplement vous
assurer de déplacer
des objets ici. Donc, ce que je vais faire, c'est
essayer de le restructurer. Donc, si je devais cacher
mon agent pour le moment, donc si je disais masquer le chat, d'accord, nous pouvons voir que c'est un
peu plus clair. Il y a également quelques options en
haut que vous
pouvez également déplacer. Vous pouvez donc simplement
activer la barre latérale de l'agent. Nous sommes maintenant dans la phase de révision, et nous examinons simplement
tout ce que nous avons configuré ici avec le
code que nous avons configuré. Maintenant, bien sûr, avec
l'éditeur également, nous pouvons également choisir de l'
ajuster également. Nous avons donc les trois
options en haut de la page. Supposons que je
veuille désactiver cela, je peux simplement activer/désactiver
cette barre latérale principale pour voir mon éditeur et tous les fichiers
associés C'est juste une bonne
façon tout
déplacer vers le haut afin de
pouvoir lire tous les détails. Vous pouvez jeter un œil ici au stade de la
révision et voir l'ensemble de votre code si vous en êtes satisfait et
que tout va bien. Et si vous êtes heureuse, bien sûr, vous pouvez continuer
et simplement dire « continuez ». C'est donc une très
bonne étape pour revoir votre code au
fur et à mesure. Et si vous êtes
satisfait de tous les commentaires, nous pouvons
fermer cette option dès maintenant, puis nous pourrons afficher
notre barre latérale, qui contient bien
sûr notre code sur le côté droit
et nos agents Et bien sûr, vous
pouvez continuer et
ouvrir votre agent
ici si vous
souhaitez simplement continuer à ajouter d'
autres éléments à ce
fil de discussion en particulier. Dans tous les cas, nous avons maintenant
notre application ici, l'
index sur
les fichiers HTML, le script JSFLtyst, le fichier CSS Maintenant, la prochaine chose sur laquelle nous
devons nous concentrer est de savoir comment nous pouvons réellement aller de
l'avant et y accéder. Et voyons si Cursor
AI va
nous aider à le faire si nous ne savons pas
comment procéder en soi.
5. Accéder à notre application simple: Bien, ce que nous pouvons faire maintenant, en supposant que nous n'avons pas
les connaissances nécessaires, nous pouvons simplement dire comment accéder
à ce portefeuille. Oui, c'est ce que je vais dire. Très bien, cela
nous donne les informations, surtout si nous
travaillons au développement. Nous pouvons donc voir ici,
déplaçons cela vers le bas. OK, nous pouvons donc ouvrir
Index HML dans notre navigateur, afin de double-cliquer sur In
HM dans notre navigateur de fichiers, et nous pouvons voir où se trouve actuellement ce
fichier Nous pouvons voir le répertoire
et son emplacement actuel. Et sinon, nous
pouvons ouvrir notre navigateur, appuyer
sur Ctrl O, puis accéder
à ce qui suit. C'est bon. Il existe donc
des moyens de le faire. Donc, ce que je
vais faire, c'est copier qui suit, puis je vais me diriger vers mon navigateur, et je vais juste le
coller comme ça, puis je vais aller sur
une haie et appuyer sur Entrée. Et nous y voilà. Nous pouvons donc voir
ici que nous avons ce très beau
site Web de portfolio qui a été
conçu pour nous. Vous pouvez voir à quel point
c'était rapide, efficace, et cela a permis de mettre en place
quelque chose de tout à fait décent. Vous pouvez voir que nous
avons une navigation de base ici. Ça a l'air vraiment sympa. Formulaire de contact, formulaire de projet, pied de page, tout ici est vraiment
beau
et très efficace C'est ainsi que nous pouvons également demander à
Cursor AI de nous
fournir plus de détails sur la manière dont nous pouvons aller avant et aller plus loin
dans nos projets. Nous ne
voulons donc pas nécessairement simplement créer notre projet, nous voulons également y accéder, et disons que nous n'avons pas
les connaissances nécessaires pour le faire. Cet agent qui fait partie de Cursor AI va nous
aider à atteindre nos objectifs et à atteindre ce que
nous voulons atteindre en fin de compte.
6. Mise à jour de notre application simple: Maintenant, la prochaine chose que je
veux aborder est de savoir comment vous pouvez modifier votre application
particulière. Donc, ce que vous pouvez faire, c'est continuer
dans ce fil de discussion en particulier, et vous pouvez dire, par exemple,
jetons un œil ici. Je n'aime pas le fait que le schéma
de conception ici soit sur un fond clair. Je veux que ce soit un fond
sombre. Je souhaite donc que cet
ajustement soit effectué. Donc, ce que je vais faire ici c'est dans ce
fil de discussion en particulier, je vais dire excellent design. Cependant, je préfère
mon portefeuille, disons, mon portfolio. Application pour afficher des
couleurs plus foncées, disons, plus foncées. Donc, pour être clair, une couture foncée et pas si brillante OK, donc tout
dépendra de l'invite particulière que
vous configurez ici. Il n'est donc pas nécessaire que ce
soit exactement comme le mien. s'agit donc simplement
d'être aussi humain que possible dans ce que nous
essayons de réaliser. Et en général, Cursor AI
est très intuitif. Comme vous pouvez le voir
ici,
le CSS est mis à jour avec une couture foncée
avec des couleurs plus foncées Comme vous pouvez le constater, il fonctionne à travers le
fichier CSS à points de styles que nous avons ici, et il s'ajuste au fur et à mesure qu'il est envoyé ici pour supprimer
la couleur d'arrière-plan, et nous pouvons voir tous les
détails ici en termes de modification et de
configuration en conséquence. Encore une fois, vous pouvez passer revue cela, revoir les modifications, annuler si vous n'êtes pas
satisfait de quoi que ce soit, et vous pouvez également continuer
et simplement les conserver toutes. Je suis donc déjà content. Je vais juste
dire de conserver les modifications. Et cela a été mis en place. Ces
ajustements ont été effectués. Et maintenant, si je devais
revenir en arrière et que je pouvais simplement
recharger cette page, vous pouvez voir que j'ai une
couture foncée qui a été appliquée Encore une fois, nous pouvons constater que l'intuitivité de
Cursor AI est excellente ici Nous avons quelque chose qui fonctionne
déjà et cela ne nous a pris
que quelques minutes. C'est donc l'
outil parfait si vous avez un projet très, très simple ou quelque chose
dont la portée est très basique. Cursor AI est génial. Il ne s'agit pas de le disqualifier de quelque chose de plus important, mais vous pouvez
vraiment voir la puissance
et le potentiel de Cursor AI s'agit donc que d'une leçon
pour vous concentrer sur la manière dont vous pouvez procéder et
apporter des ajustements et des modifications avec votre agent. C'était dans la boîte de discussion juste pour apporter quelques modifications
et ainsi de suite.
7. Explorer les modèles disponibles: Bonjour, John, et bienvenue
à la prochaine leçon, qui sera une leçon très générale et simplifiée. Je vais juste expliquer
quelques domaines de Cursor AI, juste pour vous donner
un aperçu et ainsi de suite. OK. Maintenant, un autre aspect que je veux mentionner concerne
les modèles que nous obtenons. Donc, ce que je vais
faire pour le moment, c'est continuer
et lancer une nouvelle discussion. C'est bon. Et comme
vous pouvez le voir ici, nous avons l'option Auto ici. Ceci est donc réglé sur les modèles automobiles. Donc, essentiellement, Auto,
ce qui
signifie bien sûr qu'Automdels choisira
automatiquement le meilleur modèle d'IA pour
la tâche que vous effectuez Ainsi, au lieu de vous décider
quelle IA utiliser, le système la
décidera pour vous en
fonction de quelques
facteurs sous-jacents tels que la vitesse, la complexité, le coût, bien sûr, le niveau gratuit, la qualité
requise, etc. Bien entendu, si vous voulez être un peu pointilleux et
choisir un modèle spécifique, surtout si vous
avez de l'expérience avec modèles d'
IA, vous pouvez bien sûr décocher les cases suivantes et choisir les options
qui vous sont proposées ici Comme vous pouvez le constater, la valeur par
défaut est Composer One. Nous avons OPS, Sont GPT
five, GPT 5.2 codex, Gemini Three Flash Il existe quelques autres
options en termes de mode
Max et d'utilisation de plusieurs
modèles en même temps Maintenant, pour ceux d'entre vous qui ne comprennent pas
ce que sont les modèles, une
façon plus simple pour
moi d'expliquer ici est que les modèles sont essentiellement
le cerveau de l'IA, et que les différents modèles sont doués différentes choses,
comme écrire du code, expliquer des concepts, déboguer,
raisonner étape par étape Et bien sûr, les
types de modèles courants que nous présentons ici seront des modèles plus rapides. Ils seront utiles pour vous
donner des réponses rapides. Ensuite, nous aurons des modèles basés sur un raisonnement
très bon pour les problèmes
complexes
, puis des modèles
plus grands, plus précis
mais beaucoup plus lents. Donc, si je peux simplement vous résumer tout cela, c'est qu'il existe différents outils dans
la boîte à outils et chacun est meilleur
pour un travail spécifique Vous pouvez donc
bien sûr expérimenter et choisir ce qui vous convient. Mais cela s'inscrit,
bien entendu, un peu plus en profondeur dans l'ensemble du processus. Donc, juste quelques informations sur
les modèles que nous obtenons ici et que vous pouvez
utiliser comme curseur
8. Améliorer et optimiser notre application simple: Bonjour à tous, et bienvenue
à la prochaine leçon, qui portera sur
un
examen plus approfondi de
l'amélioration de notre base de code. Mais ce que nous pouvons faire, c'est
ouvrir notre champ d'action ici, qui était initialement de créer une application basée sur le
HTML, le CSS et le JavaScript Cependant, ce que nous avons
finalement fait par la suite, nous avons poursuivi et
modifié le design. Nous avons demandé à Cursor AI de modifier le design afin
d'avoir un thème un peu plus sombre. Ce que nous voulons faire dans ce
cas, c'est aller de l'avant et demander à Curse AI d'améliorer
la qualité du code pour nous. Nous voulions améliorer
notre application. Donc, ce que je vais
dire ici, tout d'abord, c'est suggérer des améliorations à mon application, puis appliquer ces
améliorations. OK. Très bien, il va
donc maintenant
planifier cela pour nous, tout d'
abord, pour
nous faire des suggestions. Et puis, bien sûr, comme nous l'avons
dit, d'aller de l'avant et appliquer ces améliorations
d'un seul coup pour nous. OK. Nous pouvons le
voir, bien sûr, maintenant. Après nous l'avoir proposé,
nous pouvons maintenant voir qu'il
lit les fichiers, explore subag et
ensuite, bien sûr, il appliquera tout
en conséquence pour nous OK. Nous pouvons donc
voir maintenant que cela va
se poursuivre et
ajuster le cordon pour nous Cela va donc prendre un moment. Donc, ce que je vais faire, c'est suspendre Va
et une fois que c'est terminé, nous pouvons nous regrouper puis continuer une fois que c'est
terminé C'est bon. Bon retour. Nous pouvons donc maintenant voir que tout
est terminé. Et bien entendu, nous nous arrêtons ici sur
les améliorations apportées au HTML. Nous pouvons voir qu'il y a également eu des ajustements
et des réductions
supplémentaires ici. Vous pouvez donc voir que le HTML a une meilleure
structure d'accessibilité en conséquence. Il y a beaucoup plus de détails, mais je ne vais pas vous
ennuyer. Le fichier css des styles point, nous pouvons maintenant voir qu'il a également
fait ses ajustements. Comme nous pouvons le voir, il se concentre sur les cartes de projet
que nous avons, les entrées,
les styles de mise au point, la
réduction du support des mouvements, et il a supprimé le CSS injecté par
JS, et nous pouvons également voir
les modifications ici. Et comme je l'ai
déjà mentionné, vous pouvez revoir comme je l'ai fait plus tôt dans le cours
dans notre leçon précédente. Vous pouvez bien sûr revoir
cela. Ensuite, nous pouvons voir le fichier script JS
a également
été mis à jour. Nous pouvons voir qu'il a également apporté les modifications nécessaires ici, pas mal. Et nous pouvons constater qu'il nous
apporte les améliorations
suggérées qu' il nous
a apportées et ce qu'il a appliqué. En résumé,
la correction de la cohérence du Dark Seam, les
améliorations en
matière d'accessibilité, une meilleure expérience utilisateur,
le peaufinage des menus mobiles, les
performances, la maintenabilité, et nous pouvons voir bien plus encore, ont
été ajustés ici
en conséquence ont
été ajustés ici P. Donc, si je devais revenir
en arrière et recharger, vous remarquerez qu'il y
aura des changements Ils n'apparaissent peut-être pas directement ici car nous n'avons pas
défini de joint en particulier, mais nous pouvons constater que des modifications
ont été appliquées Vous pouvez bien sûr vérifier les fichiers
individuellement et nous verrons
ce qui a été ajouté et supprimé. Très bien, je voulais
juste vous expliquer comment
vous pouvez
procéder pour améliorer
votre candidature. Donc, en général, je ne fais que
passer en revue les instructions clés que vous pouvez techniquement passer en revue et que
vous pensez devoir passer en revue Mais je pense qu'il est
important que
je sois explicite à ce sujet et que je
le couvre dans une ou plusieurs
leçons afin que vous
commenciez à apprendre
quelles instructions vous devez
ajouter pour atteindre quel objectif Donc, si vous souhaitez effectuer une mise à jour, vous recevrez un
message indiquant que vous invitez l'agent à mettre à jour votre code ou à apporter
une modification spécifique Et si, bien sûr, vous
voulez planifier quelque chose, et dans ce plan, vous voulez
apporter des améliorations, vous devez le communiquer. Donc, en pratiquant également notre communication avec
Cursor AI elle-même. Cela peut donc sembler un peu répétitif, mais c'est
ainsi que nous facilitons ensemble du processus jusqu'à ce
que
vous finissiez par aller de l'avant. Après avoir suffisamment expérimenté,
vous pouvez créer vos propres applications et
vous vous familiariser avec Cursor AI, je dois dire C'est bon, les gars. C'est donc
tout pour cette leçon.
9. Gérer les fonctionnalités supplémentaires: Bonjour à tous, et bienvenue
à la prochaine leçon, qui portera sur l'ajout de fonctionnalités
supplémentaires
à Cursor AI sur nos appareils. Commençons donc. Maintenant, j'en ai abordé
quelques-unes lorsque nous avons commencé à
mettre les choses en place, mais je voudrais juste en parler un
peu plus. OK. Donc, bien sûr, comme nous le savons, en faisant plus d'actions, nous
pouvons masquer notre chat. Mais ce que nous pouvons également faire, c'est maximiser notre chat. Donc, si nous voulons
le voir dans son intégralité, si vous voulez qu'il
soit un peu plus visible,
nous pouvons le faire. Cependant, n'oubliez pas
que tout ce que vous ajustez ici ne peut pas être adapté à un écran Vous pouvez
donc voir à quel point l'
éditeur est désormais absent. Il faudrait donc apporter les ajustements
nécessaires à cet égard. Maintenant, bien sûr, nous pouvons
modifier la mise en page. Maintenant, vous pouvez également continuer et sélectionner ce que vous
voulez voir. Nous avons donc actuellement
les agents. zone ici, qui est
disponible, et aussi le chat, qui se trouve
ici, bien
sûr, où nous instancions nos agents Maintenant, bien sûr,
supposons que nous
voulions ajouter à nouveau l'éditeur, il va le
rajouter ici. Et, bien sûr,
étant donné qu'il y a plus d'options disponibles
ici, cela va changer
la taille pour nous ici Nous pouvons également aller de l'avant et
ajouter notre panel. Et ce panneau, comme
nous pouvons le voir ici, est, bien
sûr, bloqué par
la vue ici en conséquence, nous pouvons
donc simplement masquer notre discussion. Et ce panneau
est notre terminal. C'est donc très similaire au code Visual
Studio si vous
voulez continuer et,
par exemple, exécuter votre serveur. Imaginons que vous
créez une application. Et avec cette application
particulière, elle dispose d'un serveur de
développement local. Vous pouvez, bien entendu,
continuer et ajouter les commandes
nécessaires. Essayez donc de le voir comme du code
Visual Studio, en
gros la même chose, mais vous avez ici ce type d'
implémentation de l'IA, que vous pouvez également demander et
configurer en conséquence. Maintenant, ce que vous pouvez également faire ici,
c'est que vous pouvez continuer et définir un type de vue par défaut
ici en fonction de l'agent, l'éditeur, puis du navigateur. Donc, si je devais dire agent, OK, ça va juste
prendre un moment. Et bien sûr, cela va définir un type de
vue par défaut pour moi. Maintenant, sur le côté
gauche, nous avons nos agents, et sur le côté gauche,
vous pouvez dire ici, sur
le côté le plus à gauche, nous avons également notre espace de discussion ici. Alors, bien sûr, si
vous deviez activer/désactiver votre barre latérale principale que vous pouvez maintenant voir sur
le côté droit, vous aurez
maintenant accès
à vos fichiers ici Sur le
côté droit, si vous préférez discuter sous cet angle, vous pouvez l'
ajuster en conséquence. Il s'agit donc d'un ajustement et d'un changement que
vous pouvez également apporter. Vous pouvez donc simplement
jouer avec ce qui se passe ici et voir ce que vous
voulez prioriser. Maintenant, bien sûr, pour chaque
segment que vous sélectionnez, les paramètres seront ajustés automatiquement, comme nous pouvons
le voir ici. Et bien sûr, nous
pouvons voir que la barre
latérale de l'agent a été déplacée vers la gauche. Vous pouvez également continuer
et le configurer ici pour qu'il
se déplace vers la droite. Cela va ramener
votre éditeur de code là où il était. Si vous voulez que la
barre latérale de l'agent revienne là où elle était, vous pouvez continuer
et sélectionner la gauche. Ensuite, il va également le
déplacer en conséquence. Bien sûr, vous pouvez
également voir que vous pouvez
gérer votre barre d'état si vous souhaitez qu'elle apparaisse
ou non. C'est quelque chose que vous
pouvez également examiner lorsque
vous configurez tout
en conséquence, selon vous. Un autre aspect que
je voulais aborder
avec vous est de savoir comment vous pouvez procéder et changer
de thème ici. Donc, si vous
n'aimez pas le thème, je vais
vous montrer comment procéder. Donc, ce que vous pouvez faire, c'est
simplement continuer et masquer
cette discussion pour le moment. Nous pouvons bien sûr accéder à notre option de fichier ici
en haut à gauche. Ensuite, vous pouvez faire défiler la page vers le bas, puis vous verrez que
nous avons des préférences, puis vous pouvez accéder aux thèmes, puis ici, nous pouvons
sélectionner le thème des couleurs. Et nous pouvons voir que nous sommes sur le
Dftode, qui est Cursor Dark. Mais bien sûr, vous pouvez
passer d'ici à quelques alternatives et faire défiler la
page vers le bas. Nous avons donc Cursor Dark. Nous avons Cursor Midnight. D'accord ? Et bien sûr, cela s'applique à nous. Mais si vous souhaitez le modifier, vous pouvez revenir aux thèmes des
préférences, les
colorier, puis
vous pouvez, bien sûr, ramener à ce qu'il
était avant l'obscurité du curseur. Mais vous pouvez expérimenter ici les différentes options qui
s'offrent à vous. Malheureusement, ici,
chaque fois que vous cliquez dessus, vous devez
revenir dans les préférences et continuer à le remplacer. Mais ici, vous pouvez
simplement
changer les thèmes
que vous préférez. Je vais donc le
remettre dans Cursor dark. C'est donc Sam qui change.
10. Merci !: Bonjour à tous. Et juste
une dernière note de ma part, et c'est juste merci d'avoir décidé de
suivre ce cours. J'espère vraiment que cela vous a aidé à acquérir des connaissances approfondies Je vous remercie donc encore une fois, et je suis profondément reconnaissante
que vous ayez décidé de vous inscrire à mes
côtés pour ce voyage Une autre chose que je
voulais mentionner est envisager de laisser
un avis pour ce cours. Ce serait très apprécié. Vous n'êtes pas obligée si
vous ne le souhaitez pas, mais
dans mon cas, il est toujours utile d'essayer de
comprendre les
commentaires qui me sont
adressés et de savoir comment
améliorer mes cours. Merci encore et bonne
chance dans votre voyage.