apprendre les secrets de code de Visual Studio

1. Introduction du cours: Si vous utilisez l'éditeur de code Visal Studio et que vous souhaitez améliorer votre productivité, cette classe est étrangère Si vous souhaitez découvrir les secrets cachés de cet identifiant, nous pouvons commencer notre voyage. Nous allons en apprendre davantage sur Amit, la palette commune, les raccourcis clavier, les espaces de travail et le sens Ce cours révèle les secrets cachés éditeur de code Visual Studio et améliore votre parcours de codage. Enfin, comme vous pouvez le voir, nous sommes sur l'écran de mon ordinateur. Et ici, vous pouvez le voir, nous recherchons déjà VSCode dans Google, nous devons visiter ce site Web, code.visualstudio.com Visual Studio Code est un éditeur de code redéfini et optimisé pour créer et créer des applications Web et cloud modernes Il est totalement gratuit et compatible avec la plupart des systèmes d'exploitation, Windows, Linux, Mac et Cet éditeur est créé par Microsoft. Et il est doté de nombreuses fonctionnalités telles que le Dvagging, la mise en évidence de la syntaxe, la complétion intelligente du code, les extraits de code, la refactorisation du code Il a été introduit pour la première fois en 2015, près de six ans, et c'est personnellement mon éditeur de code préféré. La plupart des gens l'appellent éditeur de texte, éditeur de code, sinon ID. Ceci est la vidéo d'introduction de l'éditeur de code Visual Studio. Dans le prochain tutoriel, nous allons apprendre comment le télécharger et l'installer. Merci d'avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel 2. Installer et télécharger le code VS: Alors bon retour, les gars. Une fois de plus, je suis sur l'écran de mon ordinateur. Alors, cliquons sur ce site. N'oubliez pas que le code Visual Studio et Visual Studio sont différents. N'essayez pas de télécharger Visual Studio. Vous devez télécharger le code Visual Studio. Comme vous pouvez le constater, il est gratuit, basé sur l'open source et fonctionne partout. Et ici vous pouvez voir les options de téléchargement. Si je clique sur ce Dbrown, vous pouvez le voir ici, vous pouvez le télécharger pour le système d'exploitation Windows, le système d'exploitation Linux de Macao exploitation Linux Je suis un utilisateur de Windows, je vais donc le télécharger pour Windows. Je vais appuyer sur le bouton de téléchargement. Comme vous pouvez le constater, nos processus de téléchargement démarrent. Le téléchargement prend une ou deux minutes, je vais donc mettre cette vidéo en pause. Comme vous pouvez le constater, notre processus de téléchargement est terminé. Mais avant d'essayer de l'installer, voyons la documentation. Si vous cliquez sur l'option de configuration, vous pouvez voir ici une méthode différente, comment configurer le code Visual Studio sur votre système d'exploitation. Si vous êtes un utilisateur de Linux, vous devez suivre cette méthode. De même, si vous êtes un utilisateur Mac, vous devez suivre cette méthode. Et ce n'est pas un processus très difficile. Je suis un utilisateur de Windows, je vais donc suivre cette méthode. Ouvrons maintenant le dossier de téléchargement et essayons de l'installer. Vous pouvez voir ici le fichier Xi du code Visual Studio. Ensuite, appuyez simplement à droite. Vous devez maintenant appuyer sur Ouvrir, sinon exécuter en tant qu'administrateur. Vous pouvez choisir n'importe quelle option. J'appuie sur Ouvrir. Si vous avez le temps, vous pouvez lire le contrat de licence. Sinon, vous pouvez continuer à annuler l'accord, puis vous devez appuyer sur Suivant. Ensuite, vous devez sélectionner le lieu de destination. Vous pouvez l'installer dans n'importe quel dossier ou n'importe quel lecteur, mais j'aimerais opter pour l'option Deford J'appuie sur Suivant. Ensuite, il demande le dossier du menu Démarrer, et je voudrais opter pour l'option Deford Je vais cliquer sur Suivant. Si vous souhaitez créer une icône de bureau, vous devez sélectionner cette option. Avec cela, si vous souhaitez ouvrir votre fichier ou dossier, en utilisant simplement l'option Ratti, vous devez également sélectionner cette option, puis appuyer à nouveau sur Suivant Vous pouvez voir ici les sélections fiscales supplémentaires. Qu'avons-nous déjà sélectionné lors de notre précédent séjour ? Ensuite, je vais appuyer sur l'option Installer. Comme vous pouvez le constater, notre processus d'installation a déjà commencé et cela prend un peu de temps. Ici, vous pouvez voir que notre processus d'installation est terminé. Je vais décocher le code de Lunch Visual Studio, puis cliquer sur Terminer. Vous n'avez plus besoin de cette configuration x, si vous voulez la supprimer, oui, vous le pouvez. Nous terminons notre processus d'installation et de téléchargement. Dans le prochain didacticiel, nous allons ouvrir notre code Visual Studio pour la première fois. Merci d'avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel. 3. Interface de code Visual Studio: Bonjour, les gars. C'est bon de te revoir. Il est temps d'ouvrir Visual Studio C. Ici, je vais appuyer sur le bouton droit de la souris, puis sur Ouvrir. Ici, vous pouvez voir la fenêtre. Si vous ouvrez cette application pour la première fois, vous pouvez voir ce type de mise en page. Ici, vous pouvez choisir votre propre thème. Si vous souhaitez travailler avec de la lumière fine, vous pouvez choisir le clair, foncé ou le contraste élevé. Je voudrais opter pour le noir, alors je sélectionne le thème sombre. Vous pouvez choisir la lumière, le contraste élevé, comme vous le souhaitez, mais j' aimerais opter pour le noir. Ce sont toutes les fonctionnalités de cette application, et si vous souhaitez synchroniser avec un autre appareil, vous pouvez choisir cette option. Ici, vous pouvez synchroniser votre application avec d'autres appareils, puis vous devez vérifier les options de raccourci. Si vous souhaitez utiliser des raccourcis, vous pouvez sélectionner celui-ci. Les raccourcis sont très utiles pour améliorer la productivité. Cela réduit votre temps de codage et augmente l'efficacité, puis vous devez vérifier le support Reach pour toutes vos langues. Vous pouvez voir ici tous les langages pris en charge, Javaspeed Python , Java, TypeScript, C plus plus, JSON , Power Shells, etc. Dans cette section, vous pouvez voir comment gérer votre code ? Comment choisir vos dossiers ? Comment pouvez-vous choisir vos fichiers, etc. ? Ensuite, je vais faire l' éloge de la section suivante. Ce n'est pas une section très spéciale. Il s'agit simplement de vous dire ce que vous pouvez faire avec cette application ? Je vais vérifier toutes ces options. Pour la productivité, vous pouvez ouvrir une fenêtre côte à côte, vous pouvez installer Git. Vous pouvez également personnaliser vos raccourcis. Après avoir vérifié tout cela, vous devez appuyer sur Marquer comme terminé. Vous pouvez maintenant voir ces options. À partir de cette section, vous pouvez créer nouveau fichier, vous pouvez ouvrir un fichier, vous pouvez ouvrir un dossier, et vous pouvez également voir votre travail récent dans cette partie. De plus, ce n'est pas une page très importante. Si vous ne souhaitez pas revoir cette partie, décochez cette option et fermez cette section Zonons un peu cette application. Sinon, vous ne comprendrez pas correctement la barre de navigation et nos icônes. Phrase sonore Control plus et Control plus à nouveau. J'espère que maintenant vous pouvez le voir, eux. Commençons. Ici vous pouvez voir la barre latérale et ici vous pouvez voir la barre de navigation. Sinon, vous pouvez l'appeler activité Val. Comme vous pouvez le constater, notre première option est l'exploseur. Si je clique dessus, vous ne pouvez voir aucun dossier op. Ici, vous pouvez gérer votre dossier et vos fichiers. Notre option suivante est l'option de recherche. À partir de là, vous pouvez rechercher n'importe quel mot clé. Nous avons également une option de remplacement. Si vous souhaitez remplacer un mot ou un caractère, oui, vous le pouvez. Notre prochaine option est le contrôle informatique. Sinon, vous pouvez l'appeler contrôle de source. Vous pouvez faire tout ce qui s'y rapporte dans cette section. Parlons de notre prochaine option, qui est l'option Dvag Si vous êtes programmeur Python ou développeur JavaScript, ce serait une très bonne option pour votre niche. Vous pouvez déchiffrer votre code à partir de cette section. Parlons de notre prochaine option, qui est l'extension. Dans cette section, vous pouvez télécharger de nombreuses extensions. Comme vous pouvez le voir dans cette section, installez les extensions . Les extensions sont très utiles. Cela augmente votre productivité et vous fait gagner un temps précieux. Nous allons en apprendre davantage à ce sujet dans nos prochains tutoriels. Notre option suivante est l'option du compte. Dans cette option, vous pouvez signer votre compte, puis venir l' option la plus importante, qui est la gestion. De là, vous pouvez obtenir l'option de palette de commandes. À l'aide de la palette commune, vous pouvez faire ce que vous voulez. Vous pouvez ouvrir n'importe quel fichier. Si vous souhaitez exécuter une fonction depuis la palette de commandes, vous pouvez le faire. Si vous souhaitez changer de thème, oui, vous le pouvez. Depuis la palette de commandes, vous pouvez tout faire. Parlons de notre prochaine option, à savoir les paramètres. Dans les paramètres, vous pouvez gérer enregistrement automatique, la taille de police, la famille de polices, la taille du toucher Vous pouvez modifier de nombreux paramètres en fonction de vos besoins. Parlons d'une autre option importante, le raccourci clavier. Les raccourcis clavier sont très importants pour votre coordinateur en matière de visas. Dans cette section, vous pouvez trouver tous les raccourcis et vous pouvez également modifier les touches de raccourci. Si vous souhaitez modifier une touche de raccourci, vous devez appuyer sur cette icône en forme de crayon, et ici vous devez taper votre raccourci. Je vous apprendrai plus tard comment modifier ces raccourcis ? Parlons de nos prochaines options. Ici, vous pouvez voir les extraits de code d'utilisation. Notre prochaine option importante est le thème des couleurs. Si vous souhaitez changer de thème, vous pouvez utiliser celui-ci. Supposons que vous souhaitiez utiliser un thème plus léger, vous pouvez utiliser celui-ci. Vous pouvez choisir n'importe quel thème. C'est un pré. J'aimerais choisir Dark One. Par défaut, c'est raté. Notre option suivante est le thème des icônes de fichiers. Si vous souhaitez modifier les icônes de fichiers, vous pouvez ici changer les thèmes d'icônes de fichiers, et vous pouvez également installer thèmes d'icônes de fichiers en fonction de vos besoins. Il s'agit des options de gestion les plus importantes que vous devez connaître en tant que débutant. C'est tout pour ce tutoriel. Dans notre prochain tutoriel, nous allons parler de la ménusation Merci d'avoir regardé cette vidéo. Restez à l'affût pour notre prochain tutoriel. 4. Menu de code Visual Studio: Bonjour, c'est bon de te voir. Encore une fois, je suis dans mon éditeur de code Visual Studio, et dans ce tutoriel, nous allons découvrir notre section de menu. Tout d'abord, vous verrez le menu des fichiers au-dessus du code Visual Studio. Si je clique sur la section du fichier, vous pouvez voir une option déroulante. Ici vous pouvez voir le nouveau fichier. À l'aide de cette option, vous pouvez créer un nouveau fichier dans votre répertoire de points actuel Si je clique sur l'option Nouveau fichier, cela créera essentiellement un simple fichier texte. Laisse-moi te montrer. Ici, vous pouvez le voir, il suffit de créer un simple fichier texte. Pour l'instant, je n'ai pas besoin de ce fichier texte, je vais donc le supprimer. Voyons notre option suivante, qui est à nouveau Nouveau fichier. Si je clique dessus, vous pouvez voir le terminal. Vous pouvez maintenant créer votre nouveau fichier à l'aide du terminal. Vous devez appuyer sur Ctrl N. Ici, vous pouvez le voir créer un nouveau titre de fichier. Je n'ai pas besoin de ce fichier, je souhaite donc le supprimer. Voyons notre option suivante, qui est une nouvelle fenêtre. Si je clique dessus, vous pouvez le voir ici créer une autre fenêtre. Parfois, nous avons besoin de plusieurs fenêtres pour nos projets. Voyons notre option suivante, qui est ouvrir le fichier. Si vous souhaitez ouvrir un fichier existant, vous pouvez sélectionner cette option. Je n'ai aucun dossier. C'est pourquoi je ne vais pas cliquer dessus. De même, si vous souhaitez ouvrir un dossier, dans ce cas, vous pouvez sélectionner cette option, ouvrir le dossier. Ensuite, si vous souhaitez ouvrir un fichier depuis votre Wpress, vous devez sélectionner cette option Ouvrez Wpress depuis un fichier. Ensuite, il vous fournira les fichiers récents. À l'aide de cette option, vous pouvez sélectionner votre œuvre récente. Si vous souhaitez effacer vos fichiers récents, oui, vous pouvez utiliser cette option. Ici, le fichier récent est ouvert. Parlons de notre prochaine option, qui consiste à ajouter un dossier à votre travail. Mais avant de se poser la question : qu'est-ce qu'un lieu de travail ? Workpas est la collection d' un ou plusieurs dossiers ouverts dans VSCode À partir de l'option suivante, vous pouvez enregistrer votre pièce si vous souhaitez la dupliquer à l'aide de cette option, puis viennent l'option Enregistrer normale, Seb Sebas SIBO, Auto Seb, souhaitez la dupliquer à l'aide de cette option, puis viennent l'option Enregistrer normale, Seb Sebas SIBO, Auto Seb, puis les préférences d'options importées. À partir de cette option, vous pouvez gérer les paramètres, les paramètres service en ligne, les paramètres télémétrie, les extensions, les raccourcis clavier, migrer les raccourcis clavier, les extraits utilisateur, le thème des couleurs, les thèmes des icônes de fichiers, les thèmes des icônes des produits, et vous pouvez également activer En gros, vous pouvez contrôler toutes ces options à partir de ces paramètres. Vous pouvez voir ici les paramètres similaires dans notre option de gestion. Parlons de notre prochaine option, qui est fermer la fenêtre. Si vous souhaitez fermer cette fenêtre, il vous suffit d'appuyer sur cette option, et notre dernière option est Z. Si vous voulez activer votre éditeur de code Visual Studio, vous devez appuyer sur Z. C'était l'introduction du fichier Parlons d'Edit Min. Si vous cliquez sur la zone d'édition, vous pouvez voir ici annuler, rétablir, couper, copier, coller, rechercher, remplacer, rechercher, rechercher des fichiers, remplacer dans des fichiers, remplacer dans des fichiers, dessiner des lignes d' essuyage, une commande de blocage des serviettes, commande de blocage des serviettes, Ce sont toutes des options très utiles, mais la plupart du temps, nous utilisons des raccourcis pour cela. Parlons de notre prochaine option de menu, qui est la sélection. Si je clique dessus, vous pouvez voir ici, tout sélectionner. Pour cela, pour sélectionner tout votre code, vous pouvez appuyer sur la touche Ctrl A, et vous le savez. Ensuite, venez élargir la sélection. Si vous souhaitez élargir votre sélection, vous devez appuyer sur la flèche expédiée vers la droite . La prochaine étape est la sélection du sanctuaire. Pour cela, vous devez faire l'éloge de la flèche gauche expédiée. Et ça vient, copie vers le bas. Et voici la gamme Copy. À l'aide de cette option, vous pouvez créer la copie de ligne au-dessus de cette ligne. Dans le cas contraire, nous avons une ligne de copie vers le bas. Il s'agit de l'option la plus importante. Dans le cas contraire, nous avons une autre option qui consiste à copier la ligne vers le bas. Si vous souhaitez copier une ligne en dessous de la ligne en cours, vous pouvez dans ce cas utiliser cette option. Ne t'inquiète pas. Nous allons apprendre tout cela lors de notre session pratique. Ceci est juste une vidéo d'introduction à Manubar. Notre prochaine option est Bob Line. Cette option vous permet de déplacer une ligne vers le haut. De même, nous avons une autre option qui est Bob line down. À l'aide de cette option, vous pouvez déplacer votre ligne vers le bas. Si vous souhaitez dupliquer votre sélection, sélectionnez simplement cette option, Dupliquer la sélection. Ensuite, placez le curseur au-dessus, les voitures sont en dessous, les voitures se trouvent deux lignes. Notre option suivante est d'ajouter à l'occurrence suivante, d' ajouter à l'occurrence précédente, sélectionner toutes les occurrences et le fumier. Parlons de notre menu suivant, qui est l'affichage. Depuis la vue, vous pouvez ouvrir la palette de commandes. Vous pouvez également contrôler l'apparence. C'est la partie la plus importante. Dans cette section, vous pouvez modifier mise en page de votre application. Si vous voulez en faire un skin complet, oui, vous pouvez également activer Zeno. Vous pouvez ainsi centrer votre mise en page. Et aussi, si vous voulez cacher votre manœuvre, oui, vous le pouvez Il suffit de décocher cette option. Si vous souhaitez afficher votre barre latérale, laissez-moi vous montrer que si je coche cette option, vous pouvez voir la barre latérale C'est la section la plus importante dont vous devez vous souvenir. Si vous souhaitez masquer la guerre de statut, décochez cette option. Comme vous pouvez le voir, il masque notre ampoule d'état. Notre ampoule d'état est très importante, je vais donc la visualiser. Apparence, je veux montrer mon ampoule d'état. De plus, si vous souhaitez masquer l'activité de votre ampoule d'état, vous pouvez désactiver cette option Maintenant, si vous souhaitez afficher le terminal, dans ce cas, allez simplement dans la section d'affichage, apparence et activez Afficher le panneau. Vous pouvez maintenant voir notre terminal. Parlons de notre prochaine option, apparence, afficher le panneau latéral. Si je choisis cette option, vous pouvez voir le panneau latéral. Pour l'instant, je ne veux pas montrer le panneau latéral, donc je vais l'ouvrir. Apparence, dénouer le panneau latéral. Bonjour, nous avons oublié une autre option importante, savoir le mot d'activité, l'apparence, afficher l'activité b. Si je décoche celle-ci, vous verrez qu'il n'y a aucun mot d'activité sur notre lèvre Je cache notre barre d'activité. Je veux montrer ma salle de sport. C'est très important pour moi. Afficher le mot d'activité. Voyons nos prochaines options. Affichage, apparence, déplacez la barre latérale vers la droite. Ici, vous pouvez voir la barre latérale. Si j'appuie sur cette option, laissez-moi vous montrer que vous pouvez voir la barre latérale sur le côté droit, mais moi une barre latérale sur notre lèvre, donc je vais la déplacer sur le côté droit. Voyons quelle est notre prochaine option, voir l'apparence. Position du panneau. Si je le fais en laboratoire, tu verras la différence. Vous pouvez maintenant voir le panneau de notre terminal ouvert, sur le côté gauche de cet écran. Vous pouvez également modifier la position du terminal. Apparence et maintenant je veux former un panneau sur le côté droit. Donc, appuyer sur la droite. Vous pouvez maintenant voir notre côté droit de notre application, mais c'est bien si nous le plaçons en bas. Je vais le positionner en bas du panneau, en bas. Voyons nos prochaines options. Afficher l'apparence. Notre prochaine option est d'aligner le panneau. À partir de cette position, vous pouvez aligner centre de votre panneau sur la droite du laboratoire. La prochaine option importante est le zoom avant et le zoom arrière. Si j'appuie sur le zoom, vous pouvez voir la taille de la police. Cela augmente la taille de police. Comme cela augmente la taille de la mise en page. De même, vous pouvez effectuer un zoom arrière sur cette section, en apparence un zoom arrière. Voyons notre dernière option d' apparence, qui est la réinitialisation du zoom. Si je clique dessus, cela réinitialisera notre zoom et reviendra à sa position par défaut. Notre prochaine option d'affichage est la mise en page vitale, et nous allons tout apprendre à ce sujet lors de notre session pratique. Nous avons ici quelques options. Diviser vers le haut, diviser vers la gauche, diviser à droite, diviser en groupe, en une seule colonne, trois colonnes, deux , trois rangées, trois rangées, grille, deux rangées à droite, deux rangées en bas de colonne et mise en page coulissante Nous allons l'apprendre lors de notre session pratique. Lorsque nous créons notre premier fichier et que nous saisissons le code SM, nous allons appliquer tout cela. Parlons de notre prochaine option, qui est l'exploseur. Si vous souhaitez activer l'explorateur, vous pouvez voir qu' il s'agit de notre explorateur. Ce n'est pas très important. Encore une fois, je reviens à notre point de vue, notre prochaine option est la recherche. Cette option est gagnée. Viennent ensuite une autre option importante, puis une autre option importante, gestion du contrôle de source. À partir de là, vous pouvez contrôler la version. Si vous le connaissez, le codage est très utile. Notre prochaine option est exécuter. Si je clique dessus, vous pouvez voir l'option d'exécution. C'est une option de déchiffrage méchante. À partir de là, vous pouvez exécuter et déboguer votre code. Parlons de notre prochaine option , l'extension, et nous l'avons déjà découverte. Nous pouvons télécharger l'extension à partir de cet endroit. Voyons nos prochaines options, qui posent problème. Si je clique dessus, cela ouvrira mon terminal et sera redirigé vers mon terminal et sera redirigé section des problèmes, comme vous pouvez le voir. Et notre prochaine option n'existe plus. Il est également redirigé vers la section de sortie du terminal, puis vers la console Diva et le terminal Voyons nos dernières options d'affichage, qui sont Afficher la carte moyenne, caméras Bet, afficher les caméras Whit Press et afficher les personnages Contle Nous allons en apprendre davantage à ce sujet lorsque nous démarrerons notre noyau. Parlons de notre prochaine option de menu, qui est Go. Herc Switch Editor, switch group, go to file, go to symbol Workplace, go to symbol Editor, beaucoup de choses. Nous allons en apprendre davantage lorsque nous démarrerons notre code. Notre prochaine option est exécuter. Ici, nous pouvons commencer Dvagging run without Dvagging. Vous pouvez ajouter des configurations. Vous pouvez basculer entre Bekcoins. Vous pouvez ajouter de nouveaux Bitcoins, activer tous les points d'arrêt, désactiver tous les points d' arrêt, supprimer tous les points d' arrêt Notre prochaine option de menu est le terminal, et c'est une option très importante. Si je clique dessus, notre première option, nouveau terminal. Si vous souhaitez créer un nouveau terminal, vous pouvez sélectionner cette option. Comme vous pouvez le constater, nous avons maintenant un terminal. Mais si vous souhaitez créer un autre terminal, allez dans la section des terminaux et créez un nouveau terminal. Maintenant, vous pouvez voir que nous avons deux terminaux, celui-ci et celui-ci. De même, si vous souhaitez diviser ces deux terminaux, vous pouvez sélectionner cette option. Comme vous pouvez le voir, côte à côte, nous avons deux terminaux. Notre prochaine option est Run Tug. Si vous souhaitez faire fonctionner vos remorqueurs dans votre terminal, vous pouvez sélectionner cette option Ensuite, lancez Btugs, exécutez des fichiers actifs, et vous pouvez également exécuter le code que vous avez sélectionné en utilisant cette option, exécuter le texte sélectionné, puis lancer des remorqueurs, recommencer à exécuter des remorqueurs, terminer des remorqueurs Au moins, nous avons configuré des remorqueurs, des remorqueurs billes par défaut Parlons de notre dernière option de menu, qui est la santé. Si je clique dessus, il affiche d'abord Get Start. Si je clique sur cette option, vous pouvez voir la page Get Start. Ensuite, nous montrons nos commandes. Vous pouvez voir ici toutes les commandes de notre terminal. Et puis viennent la documentation, les terrains de jeu édités, nœud de version, les mots clés, les préférences en matière de raccourcis, et vous pouvez voir des didacticiels vidéo et des équipes Si vous souhaitez voir la version de votre application, il vous suffit de cliquer sur une section. Ici vous pouvez voir la version 1.65 0.2. De plus, si vous souhaitez mettre à jour votre application, voici les options. Vérifiez les mises à jour. Voici donc une petite introduction de notre section menu. Nous en apprendrons davantage à ce sujet lorsque nous commencerons notre approche pratique. Merci donc d' avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel. 5. Dossier projet en vs code: Bonjour, les gars. C'est bon de te voir, B. Une fois de plus, je suis de retour dans mon studio de visites Cody Detro. Dans ce tutoriel, nous allons apprendre comment créer un projet et ouvrir un dossier de projet Voyons donc comment cela fonctionne. Dans un premier temps, vous devez cliquer sur l'icône de l'explorateur. Si vous avez déjà un projet, vous pouvez louer Open folder. Je n'ai aucun projet. Donc, dans mon dossier de téléchargement, je veux créer un autre dossier, un nouveau dossier Et le nom de mon dossier est Vs Demo. Je vais régler celui-ci. Vous pouvez maintenant voir un panneau. Il demande si vous faites confiance à l'auteur de ce fichier dans ce dossier Si vous faites confiance à ce dossier, vérifiez celui-ci. Et cliquez sur ce bouton. Oui, j'ai confiance en l' auteur. C'est ça. Maintenant, vous pouvez le voir dans notre section Explorer, nous sommes dans notre répertoire de rencontres actuel et notre répertoire est VS demo Voici le dossier de notre projet. Dans un premier temps, je vais vous montrer comment créer un dossier dans notre répertoire watting actuel Pour créer un dossier dans notre répertoire Dorting actuel, nous devons cliquer sur cette icône dans l'icône du dossier, celle-ci, Nouveau dossier Si je clique dessus, il me demande un nom de dossier. Nous devons maintenant transmettre un nom de dossier et notre nom de dossier est CSS. Encore une fois, je souhaite créer un autre dossier, qui est Js JavaScript. Sinon, vous pouvez créer un nouveau dossier en utilisant Rat Click sur votre répertoire de travail actuel, Ratli dessus, et vous pouvez voir ici l'option, nouveau fichier ou nouveau dossier Je souhaite créer un nouveau dossier. Cliquez simplement sur un nouveau dossier et saisissez le nom de votre dossier. Je souhaite créer un dossier pour les médias, je vais donc taper Media. Comme vous pouvez le voir, nous créons au total trois dossiers, CSS, Js et media. Supposons que je souhaite créer un autre dossier dans le dossier multimédia. Dans ce cas, nous devons sélectionner le dossier multimédia. Cliquez simplement sur le dossier multimédia, et vous pouvez maintenant voir le côté de la flèche. C'est vers le bas. Ensuite, cliquez sur l'icône du dossier et vous devez transmettre le nom du dossier. Et le nom de notre dossier est images. Il suffit d'appuyer sur Anchor. Maintenant, dans le dossier multimédia, nous avons le dossier des images. Si je vous montre mon gestionnaire de fichiers, laissez-moi vous le montrer. Ici, vous pouvez voir qu'il existe un dossier nommé Bs Demo. Si j'ouvre celui-ci, vous pouvez voir un total de trois dossiers, CSS Js media, et à l'intérieur de ce dossier multimédia, nous avons un dossier d'images. J'espère que vous ne savez pas comment cela fonctionne. Tu dois te souvenir d'une chose. Si vous souhaitez créer votre dossier dans votre répertoire de travail actuel, ne sélectionnez aucun autre dossier. Sinon, un dossier sera créé à l'intérieur de ce dossier. Avant de créer le dossier, vous devez cliquer sur l'extérieur, puis vous pouvez créer votre dossier. Supposons que vous sélectionniez un dossier CSS et que vous essayiez de créer un autre dossier, en dehors du dossier CSS. Dans ce cas, il ne sera pas créé de dossier plié en dehors du dossier CSS. Vous devez vous rappeler que vous devez cliquer en dehors de ce dossier, puis essayer de créer un autre dossier. Créons maintenant un fichier dans notre répertoire de travail actuel. Pour cela, nous devons cliquer sur cette icône, sur l'icône du fichier, sur le nouveau fichier. Si je clique dessus, c'est un beau nom, et nous devons fournir un fichier avec son extension. Je vais créer un fichier stable, notre nom de fichier est index point HTML. Si je définis ce fichier, vous pouvez voir l'extension. Ici, vous pouvez voir que nous avons créé notre fichier de table avec succès. Maintenant, je veux créer un fichier CSS dans le dossier CSS. Pour cela, nous devons sélectionner le dossier CSS, puis nous devons louer cette icône, et le nom de notre fichier CSS est style point CSS style point CSS. Et appuyez sur Entrée pour définir ce fichier. Comme vous pouvez le voir, nous créons notre fichier TML dans notre répertoire de travail actuel, et nous créons également notre fichier de style dans ce dossier CSS Et à l'aide de cette icône, nous pouvons actualiser nos fichiers et dossiers. Et si vous souhaitez réduire tous vos fichiers et dossiers, appuyez simplement sur celui-ci. Cette icône réduit le dossier dans l'Explorateur. Vous pouvez voir le résultat. Nous avons une autre méthode pour créer des dossiers. Non seulement cela, nous pouvons créer un dossier en utilisant Path. Laisse-moi te montrer. Nouveau dossier, je souhaite créer un dossier nommé Dave. Démo slash Un dossier de démonstration inséré, je veux créer un autre dossier, qui Si je clique dessus, vous pouvez voir ici dans le dossier de démonstration que nous avons le dossier CS. Et si je vous montre mon répertoire de travail actuel, vous pouvez voir le résultat. Dans ce dossier de démonstration, nous avons un dossier CSS. En suivant cette méthode, vous pouvez créer des fichiers et des dossiers. Je vais maintenant taper du code dans notre document eSTIML. Ici, je vais taper le signe d'exclusion de forme, puis appuyer sur Entrée Comme vous pouvez le constater, il crée un modèle de chaudière Estim. C'est la puissance du code VS. Nous n'avons pas besoin de taper plusieurs lignes de code pour cela. J'ai déjà créé nos méta-tags. Tapons donc du code dans la balise body. H une est au H, je vais taper « Bonjour tout le monde ». Je vais définir ce fichier en utilisant Control is, et vous pouvez également définir ce fichier à partir d'ici. Accédez au menu Fichier et dites : Voyons notre option suivante, qui est l'option de recherche. Je vais cliquer sur l'icône de recherche. À partir de là, vous pouvez rechercher n'importe quoi. Si je recherche un mot ici, Word, il recherchera ce mot dans votre projet en gras. Et comme vous pouvez le constater, cela se trouve dans notre document d' estimation. Et si vous voulez le remplacer, oui, vous le pouvez. Je veux remplacer OR par monsieur bonjour monsieur, MONSIEUR. Ensuite, je vais exécuter le remplacement. Je veux donc appuyer sur cette icône. Ici, vous pouvez voir la boîte d'alerte. Tapez une occurrence dans un dossier avec Monsieur, et je vais appuyer sur «   Répressif Maintenant, vous pouvez voir dans mon index ce fichier d'estimation, il remplace OR par sir. Bonjour, Monsieur. Ainsi, à partir de cette section, vous pouvez rechercher et remplacer votre mot clé dans votre projet Word. Notre prochaine option est Git, et nous avons fini de gagner et nous n'allons pas aborder cette section dans ce didacticiel. C'est un autre sujet. Plus tard, je vais créer un didacticiel distinct pour cette section. Et puis vient Diva. Nous allons apprendre cette section plus tard. Que nous travaillions avec un fichier JavaScript ou un fichier Python. C'est donc tout pour ce tutoriel. Dans le prochain tutoriel, nous allons aborder les extensions. Qu'est-ce qu'une extension et comment pouvons-nous l'installer et l'utiliser ? Merci donc d' avoir regardé cette vidéo, statue pour notre prochain tutoriel. 6. Extensions de code Visual Studio: C'est bon de vous voir, les gars. Une fois de plus, je suis dans mon éditeur de code Visual Studio. Et dans ce tutoriel, nous allons apprendre les extensions. Maintenant, qu'est-ce que les extensions ? extensions VSCode vous permettent d'ajouter des langues, divergeurs et des outils à votre installation pour soutenir votre flux de travail de développement Ce sont toutes des extensions populaires. Installons une extension, et le nom de notre extension est VS code icon. Je vais taper des icônes. Celui-ci, je veux le télécharger. Si je clique dessus, vous pouvez voir ici de nombreuses options. Vous pouvez voir ici les détails et les fonctionnalités de ces extensions. Vous pouvez directement installer l' extension en cliquant sur ce bouton. Et ici vous pouvez trouver quelle est la fonction réelle de cette extension ? Grâce à cette extension, nous pouvons modifier nos icônes, en particulier les icônes de fichiers et de dossiers. Installons cette extension. Je souhaite cliquer sur le bouton d'installation. Après avoir cliqué sur le bouton Installer, nous devons attendre longtemps. Et n'oubliez pas que votre ordinateur doit être connecté à Internet. Comme vous pouvez le voir, notre extension a été installée, et maintenant elle demande d' activer cette extension. Je vais sélectionner les icônes du code VS, et je vais également l'activer. Vous avez donc correctement installé et activé notre extension. Une fois le processus d'installation terminé, le bouton d' installation ne s'affiche plus. Vous pouvez voir le bouton de désactivation, sinon le bouton de désinstallation. Si cette extension ne vous plaît pas, vous pouvez la désinstaller. Dans le cas contraire, vous pouvez le désactiver. Donc pour l'instant, je n'ai pas besoin cet espace, je vais donc le supprimer. Et maintenant je vais passer à l'option Exploder. Vous pouvez voir les icônes ici. Si vous remarquez que vous pouvez le voir, il s'agit de changer notre icône de fichier STL De plus, cela change notre icône de dossiers. Pour le dossier CSS, il affiche le logo de CS, et pour le dossier JS, il affiche le logo de J. Et si j'ouvre le média et les images, ici vous pouvez voir le logo des images. Cela nous a beaucoup aidés à organiser nos fichiers et nos dossiers. Installons une autre extension utile, dont le nom est Live Server. Celui-ci, Live Server d'iTube. Si vous êtes développeur web ou designer, cette extension est très utile pour vous. Installons cette extension. Je clique donc sur le bouton Installer. C'est le moment de l'installer. Vous avez donc installé avec succès notre extension de serveur live. Après avoir installé cette extension, vous pouvez voir une option, passer en ligne. En gros, cette extension va créer un serveur live pour vos applications Web. Si vous travaillez sur de petits projets Web, vous n'avez pas besoin de logiciels encombrants tels que Zam, Web et bien Revenons maintenant à la section Explode us et essayons d'ouvrir notre document DeSTL avec le serveur Live Point d'index TML, et je veux l' ouvrir avec Live Server. Après avoir sélectionné cette page, je vais cliquer sur GoLive comme vous pouvez le voir, cela crée un serveur live et fournit également un port Double cinq, double zéro. Si je vous montre ma page Web, vous pouvez la voir ici imprimer notre tag H one, bonjour monsieur. Si vous remarquez la barre d'URL, vous pouvez voir ici notre fichier servi par un serveur, non depuis le répertoire de notre gestionnaire de fichiers. Revenons maintenant à la section des extensions. Dans un premier temps, je vais supprimer ce mot clé de la guerre de recherche et vous pouvez voir ici nos extensions installées. Installation complète par extension Dans notre code Dans cette section, vous pouvez gérer vos Si vous souhaitez l' installer, sélectionnez cette extension et cliquez sur le bouton Désinstaller Ce sont des extensions très utiles pour moi, donc je ne vais pas les supprimer. J'espère que vous savez maintenant quelles sont les extensions et comment nous pouvons les télécharger et les installer. Merci d'avoir regardé cette vidéo. Dans le prochain tutoriel, nous allons découvrir la palette de commandes. Restez à l'affût pour notre prochain tutoriel. 7. Palette de commandes de code Vs: Bonjour, les gars. C'est bon de te revoir. Une fois de plus, je suis coordinateur Disaster IO. Dans ce didacticiel, nous allons apprendre quel est le cas d'utilisation de Command Palette. Dans la palette de commandes, vous pouvez effectuer une recherche dans n'importe quel fichier. Laissez-moi vous montrer comment faire. Supprimez simplement le signe supérieur à et le nom du fichier de recherche. À partir de là, vous pouvez effectuer une recherche dans n'importe quel fichier. Et ici, vous pouvez voir tout ce fichier, qui se trouve dans notre répertoire de travail actuel. Supposons que vous travaillez sur un projet de grande envergure et que votre répertoire de travail actuel contient un grand nombre de fichiers . Dans ce cas, vous pouvez rechercher le fichier en question à l' aide de la palette de commandes. Tapez simplement le nom du fichier. Supposons que je veuille ouvrir un fichier CSS de style Dot. Donc ici, je vais taper le style Dot CSS. Style. Comme vous pouvez le voir, il a déjà comme nom de fichier. Ici vous pouvez voir son fichier Openur. Si vous utilisez des cheveux à équerre, vous pouvez exécuter de nombreuses fonctions telles que l'affichage des appels entrants, affichage des appels à venir, etc. Vous pouvez ajouter un point d'arrêt à la fonction de commande en ligne. Supposons que vous souhaitiez modifier le thème des couleurs de cette application. Dans ce cas, vous pouvez utiliser la palette de commandes. Tapez simplement la couleur, et vous pouvez voir que Preparenss fournit un thème de couleur Si je clique dessus, vous pouvez voir de nombreuses options. Dark Dark Visor Studio, MonoCyrd Si j'utilise Monocy ici, vous pouvez voir l'effet du thème Si vous souhaitez ouvrir la palette de commandes l'aide d'un raccourci, oui, vous le pouvez. Il suffit de faire l'éloge de Control shape B. Je veux retrouver mon thème de couleur foncée, donc je vais le changer une fois de plus. Dark plus, dark par défaut. Pour notre prochain exemple, je vais ouvrir mon fichier d'estimation. Ici, vous pouvez voir que j' ouvre mon fichier STL. Mais sur votre droite, vous pouvez voir ici la mini-carte de ce fichier Vous pouvez voir ici la mini-carte de ce fichier tamoul. Je ne veux pas afficher cette mini-carte sur mon écran Si vous voulez la masquer , vous devez accéder à option Afficher puis masquer la mini-carte Maintenant, vous ne pouvez pas voir la mini-carte. Montrons à nouveau la mini-carte. Je vais voir l'option et afficher la mini-carte. Maintenant, je veux masquer cette mini-carte à l'aide de notre palette de commandes Dans un premier temps, je vais appuyer sur la feuille de contrôle P. Ensuite, après le signe redondant, je vais taper minimap Ici vous pouvez voir Toggle Miniman. Si je clique dessus, vous pouvez le voir et masquer notre mini-carte. De même, si vous souhaitez afficher cette mini-carte, il vous suffit d'accéder à votre palette de commandes, puis de basculer Maintenant, il affiche à nouveau votre mini-carte. Comme vous pouvez le voir, j' ouvre un document HTML. Et si vous souhaitez rechercher une balise en particulier, vous pouvez également utiliser la palette de commandes. Laissez-moi vous montrer comment faire. Dans un premier temps, je vais activer la palette de commandes à l'aide Control Ship P , puis je vais révoquer plus que signer Et ici, je vais taper une feuille au tarif. Comme vous pouvez le voir, tapez le plus haut au taux, il utilise toutes les étiquettes d'estimation une par une Tag principal, balise méta, balise méta encore une fois, car nous avons au total trois balises méta sur notre page. C'est pourquoi il suggère trois balises méta. Ensuite, la balise title, la balise body et la balise H one. Si je vends une balise de titre, vous pouvez la voir rediriger vers une balise de titre. De même, si j' ouvre mon dossier JS, vous pouvez voir ici un fichier script point js. Et si j'ouvre ce fichier JavaScript, vous pouvez voir ici que nous avons au total deux fonctions. Supposons que votre fichier de script comporte un grand nombre de fonctions. Et vous voulez trouver une fonction en particulier, mais elle est très difficile à détecter. Ensuite, vous pouvez à nouveau utiliser la palette de commandes. Laisse-moi te montrer. Control Ship P, je vais supprimer le plus grand que le péché, et là je vais taper au rythme. Et ici, vous pouvez voir qu'il contient déjà les noms de nos fonctions et le nom de notre première fonction est 2 degrés Celsius et le nom de notre deuxième fonction est ma fonction est ce qu'on appelle des symboles, et c'est Song Tutor Two qui en résulte Si je choisis la fonction M, comme vous pouvez le voir, c'est une redirection vers ma fonction. De là, vous pouvez changer directement n'importe quelle variable, n'importe quelle fonction. De là, vous pouvez passer directement à n'importe quelle variable ou fonction. En gros, nous l'utilisons lorsque nous avons beaucoup de fonctions. Il s'agit donc du cas d'utilisation de base de la palette de commandes. Vous pouvez faire beaucoup de choses en l'utilisant. Vous pouvez ouvrir le terminal, exécuter des fonctions. Vous pouvez ajouter une commande en ligne et un manuel. C'est donc tout pour ce tutoriel. Dans le prochain tutoriel, nous allons découvrir les paramètres, ces options. Merci donc d' avoir regardé cette vidéo. Restez à l'affût pour notre prochain tutoriel. 8. Paramètres du code Visual Studio: Bonjour, les gars, c'est bon de vous revoir. Une fois de plus, nous sommes dans l'éditeur de code Resource Studio. Et dans ce didacticiel, nous allons en apprendre davantage sur les paramètres du studio utilisateur. Comme vous pouvez le constater, dans les paramètres, nous avons deux options : utilisateur et espace de travail. Vous pouvez définir ici différents paramètres pour l'utilisateur et l'espace de travail. Et ici, vous pouvez voir de nombreux paramètres liés aux options, les paramètres liés à éditeur de texte, les paramètres liés aux badges Word, les paramètres liés aux fenêtres, les paramètres liés aux fonctionnalités, les paramètres liés à l'application, les paramètres liés à la sécurité et les paramètres liés aux extensions. De même, si vous cliquez sur l'option Espace de travail, vous pouvez voir presque les mêmes paramètres et dans ce didacticiel, nous allons modifier les paramètres relatifs à l'utilisateur. Ici, vous pouvez voir qu'il existe de nombreux paramètres liés aux options. Nous n'aborderons pas tout cela dans ce didacticiel. En gros, je vais aborder ce dont nous avons besoin en tant que débutant. Comme vous pouvez le constater, notre premier paramètre couramment utilisé est la sauvegarde automatique Par défaut, il désactive l'enregistrement automatique. Si je clique sur cette liste déroulante, vous pouvez voir ici qu'il y a trois options pour augmenter le délai de changement de focus et le changement de fenêtre Supposons que vous ayez écrit votre code et qu'après l'avoir écrit, vous ayez oublié d'enregistrer le fichier. Dans ce cas, si vous choisissez l'option supérieure, après un certain temps, votre fichier sera automatiquement enregistré Et si vous choisissez l'option de changement de focus, le fichier sera enregistré lorsqu'il perdra le focus. Si vous choisissez de modifier le vent, l'éditeur enregistre automatiquement les données lorsque la fenêtre perd le focus. Si vous oubliez toujours de sauvegarder votre code, vous pouvez choisir cette option. Sinon, j' aimerais utiliser les paramètres par défaut car lorsque je termine mon code, j'appuie toujours sur Ctrl A pour enregistrer mon fichier. Parlons de nos prochains paramètres, taille de police. Mais avant d' ouvrir le fichier de ma table d'index. Comme vous pouvez le voir, par défaut, notre taille de police est de 14 pixels, et vous pouvez voir le résultat ici. Si j'augmente la taille de la police de 22 pixels, puis que je définis ce fichier, puis que je reviens à la page stable, vous pouvez voir le résultat. Vous pouvez maintenant voir la taille de la police. Maintenant, il semble beaucoup plus grand que le précédent. Revenons aux paramètres, et je vais utiliser les paramètres de police par défaut, qui sont de 14 pixels. Parce que je vais vous montrer la meilleure méthode, comment augmenter la taille de votre police. Si je reviens à la page d'estimation, vous pouvez voir ici que notre taille de police est de 14 bixels. Si j'appuie sur Ctrl plus, comme vous pouvez le voir, cela augmente la taille de la police. Comme vous pouvez le constater, la taille de la police augmente la taille de la mise en page de notre application. Je tiens à le dire dans son ensemble. Zoomez notre application, mais je n'en veux pas. Je vais faire l'éloge de Control Minus. Je souhaite redimensionner la taille de ma police à l'aide du défilement. Pour cela, nous devons revenir aux paramètres afin que vous puissiez rechercher les paramètres particuliers à partir de ce mot de recherche. Nous les définissons comme la molette de la souris, la molette de la souris, le zoom sur celui-ci. Si je coche cette option, puis que je reviens au fichier TV et que j'appuie sur Ctrl, si je fais pivoter la molette de ma souris, vous pouvez voir le résultat. Avec la molette de ma souris, cela augmente la taille de la police. Si j'appuie sur Ctrl et que je fais pivoter ma souris vers le bas, vous pouvez voir la taille de la police diminuer. Cette méthode vous permet de contrôler la taille de la police. C'est certainement une très bonne méthode pour contrôler la taille de votre police. Revenons à l'option des paramètres et je vais supprimer le Qard de notre recherche et revenir aux paramètres couramment utilisés Notre prochain paramètre est la pénurie de polices. À partir de là, vous pouvez modifier la police. Vous pouvez choisir n'importe quelle police ici, mais j'aimerais utiliser celle par défaut. Notre option suivante est la taille du robinet. Par défaut, la taille de notre robinet était de quatre. Laissez-moi vous montrer ce qu'est la taille d'un robinet. Si je vous montre mon point d' index StiveRfle, vous pouvez voir ici l'écart entre la taille du robinet Ici, vous pouvez voir l'écart entre les tailles de robinet. Comme vous pouvez le voir, si vous comptez les caractères, un, deux, trois, quatre, le maximum est de quatre caractères. Si vous souhaitez augmenter la taille du robinet par défaut , oui, vous le pouvez. Retournez aux réglages. À partir de là, vous pouvez augmenter ou diminuer la taille du robinet. Encore une fois, ce n'est pas un paramètre très important. Permettez-moi de vous montrer un autre paramètre important dont vous avez besoin en tant que débutant. Pour cela, vous devez cliquer sur texto ou option. Et ici, vous pouvez voir le formatage du nom d'une option. Il suffit de cliquer dessus. Vous pouvez voir ici quelques options importantes. Formater en collant, formater en mode Enregistrer, formater en mode Sab, formater en mode type et menu Si vous cochez cette option, lorsque vous collez votre code dans votre fichier, formatez-le automatiquement. Personnellement, je n' aime pas cette option. Notre prochaine option est le format en vente. Si vous cochez cette option, formaté lorsque vous enregistrez votre fichier code est automatiquement formaté lorsque vous enregistrez votre fichier. Permettez-moi de vous montrer l' exemple de son fonctionnement. Je vais donc revenir à ma page HTML à points d' index, et ici je vais créer une balise profonde. Dev et dans cette balise dip, je vais créer une balise span, span, et dans la balise span, je vais créer une balise de paragraphe. P. Comme vous pouvez le constater, il n'est pas correctement formaté. Lorsque je définis ce fichier, comme vous pouvez le voir, il met automatiquement en forme notre code. Voici donc le cas d'utilisation des paramètres. Il existe un autre paramètre de format qui est le format sur type. Si vous cochez cette option, code est automatiquement formaté pendant que vous tapez votre code. Permettez-moi de vous montrer un autre paramètre important. Je vais cliquer sur les paramètres couramment utilisés. Vous pouvez voir ici une option nommée WordAP. À l'aide de ces paramètres, vous pouvez contrôler la façon dont la ligne doit être enroulée. Qu'est-ce que cela signifie ? Permettez-moi de vous montrer un exemple. Pour cela, encore une fois, nous devons revenir au fichier TML Ici, je vais taper Blurin Gm 100. Si j'appuie sur Entrée, cela crée une phrase factice de 100 mots Si je place ce fichier, comme vous pouvez le voir, il est complètement vide. Mais la question est de savoir pourquoi. Si vous voulez voir le code correspondant, vous devez déplacer le scoleword horizontal Vous pouvez maintenant voir votre code. Comme vous pouvez le constater, notre contenu survolé depuis cette zone de texte Si vous souhaitez voir votre contenu dans cette zone, dans ce cas, vous devez activer WadAp. Laisse-moi te montrer. Accédez à la section Afficher, puis cochez WADap. Comme vous pouvez le constater, votre contenu est désormais complètement visible et il n'y a pas de barre horizontale. De même, si je décoche cette option, comme vous pouvez le voir, encore une fois, notre contenu a dépassé cette zone de saisie Revenons aux paramètres et si j'active cette option, que j' Watrap et que je reviens au fichier d'estimation des points d' index, vous pouvez voir ici que notre contenu est parfaitement intégré. Si vous augmentez ou diminuez la taille de police, quoi qu'il arrive, votre contenu est toujours encapsulé. Parlons de nos prochains paramètres, taille de police du terminal. Maintenant, la question est de savoir ce qu'est le terminal ? Vous pouvez voir ici un terminal optionnel. Si je clique sur un nouveau terminal et ici, si vous tapez du texte, vous pouvez voir la taille de la police. Comme vous pouvez le constater, il semble assez petit. Pour cela, nous devons rechercher un paramètre, qui est une police intégrée au terminal. Je vais taper ici. Ici, je vais taper terminal integrate it dot font. Vous pouvez voir ici la taille de police du terminal. Si vous augmentez la taille de police 18 pixels, vous pouvez voir le résultat. Maintenant, la taille de police de notre terminal est de 18 pixels, mais j'aimerais opter pour 14 pixels. Si vous souhaitez modifier les paramètres manuellement, Wizard Studio fournira un fichier JSON. Laisse-moi te montrer. Les modifications que nous avons apportées ici peuvent être effectuées de la même manière dans JCNFle Si vous faites défiler un peu la page, vous pouvez trouver des options dans celle-ci. Modifiez dans le paramétrage de JCNFle. Si vous cliquez dessus, vous pouvez voir cette page JCN. À partir de là, nous pouvons modifier tous ces paramètres. Si vous vous souvenez, nous activons notre Watrap. C'est pourquoi le WaTRP édité Notre option de formatage lors de la sauvegarde est également activée. C'est pourquoi c'est écrit vrai. Si vous vous souvenez des paramètres de zoom de la molette de la souris, nous vérifierons les paramètres de zoom de la molette de la souris. C'est pourquoi c'est écrit vrai. Si vous vous en souvenez, nous utilisons une extension pour les icônes de notre explorateur. C'est pourquoi vous pouvez voir le thème des icônes Warwnsdt , les icônes du code Vase Quelles que soient les modifications que vous avez apportées, vous pouvez les voir dans le fichier de paramètres Jason. N'oubliez pas que lorsque vous définissez le fichier Json à points, vous ne pouvez pas voir les paramètres par défaut. Vous ne pouvez voir que les paramètres que vous avez modifiés. En gros, vous pouvez modifier n'importe quel paramètre à partir de ce fichier JSON. Si vous souhaitez désactiver, la souris zoomera. Oui, tu peux. Il suffit de réprimer avec fv. C'est ça. À l'avenir, si vous recherchez quelque chose dans Stack Overflow, vous pourriez obtenir des données JSN comme celles-ci Vous devez utiliser le JSNode ici, et il se peut que nous ayons besoin du code JSN pour certaines extensions à l'avenir C'est un dossier très important. Vous pouvez trouver ce fichier sur l'utilisateur de votre lecteur C, sur votre PC, puis sur les données de l'application, puis sur le dossier Roaming, le code, l'utilisateur Dans ce dossier utilisateur, vous pouvez trouver le fichier de configuration GSN Voici donc nos paramètres, et vous pouvez également modifier les mêmes paramètres sur votre lieu de travail. Mais en gros, je voudrais modifier les paramètres de mon utilisateur, pas le travail. Et ces réglages sont suffisants pour un débutant. Merci donc d' avoir regardé cette vidéo, restez à l'affût de notre prochain studio. 9. Raccourci clavier code Visual Studio: Bonjour, les gars, c'est bon de vous revoir. Une fois de plus, je suis dans mon coordinateur Visual Studio. Dans ce didacticiel, nous allons apprendre la partie la plus importante de ce didacticiel, raccourcis clavier. Pour trouver des raccourcis clavier, vous devez cliquer sur Gérer, puis vous pouvez trouver des raccourcis clavier et simplement cliquer sur. Vous pouvez voir ici tous les raccourcis clavier. Je sais que vous connaissez déjà les raccourcis clavier. Ce sont les raccourcis les plus basiques, copiez le contrôle C. Pour le contrôle par carte, comme vous le savez, exemple, nous utilisons le contrôle A. Mais saviez-vous quel est le raccourci pour enregistrer tous les fichiers en une seule fois ? Pour cela, nous devons trouver Save All. Tout enregistrer. Ici vous pouvez voir une option, enregistrer tous les fichiers. Et comme vous pouvez le constater, aucun raccourci n' a été créé pour cette option. Je vais créer un raccourci pour cela , le contrôle est A. Je veux dire contrôler, tout enregistrer, puis appuyer sur Entrée. Voyons comment utiliser ce raccourci. Je vais apporter quelques modifications à mon fichier TML. Je vais fournir un espace. Je vais également apporter quelques modifications à mon fichier CSS, du rouge au gris. Et je vais également apporter quelques modifications à mon fichier de script, 07. Ici, vous pouvez voir dans l'icône de mon explorateur, au total, nous avons apporté trois modifications dans trois fichiers. C'est pourquoi il clignote trois fois. Utilisons notre raccourci et essayons de sauvegarder tous les fichiers en une seule fois. Notre raccourci est le contrôle A. Comme vous pouvez le voir, après avoir appuyé sur les commandes A, tout le fichier est enregistré en une seule fois. C'est pourquoi vous ne pouvez pas voir le numéro dans notre explorateur. Si je vous montre le fichier Sass de mon stylet, il est gris. Si je vous montre mon fichier racine d'index, il enregistre également notre fichier. En utilisant le contrôle A, nous ne pouvons enregistrer que notre fichier d'activation. Mais en utilisant un raccourci, nous pouvons enregistrer tous les fichiers en même temps. Permettez-moi de vous montrer un autre raccourci utile, qui est de copier la ligne vers le bas. C'est l'un des raccourcis les plus utiles avec la flèche descendante. Voyons ce que nous pouvons faire avec ce raccourci ? Je reviens à mon fichier CSS de styler, comme vous pouvez le voir, je sélectionne cette ligne Ici, je vais faire l'éloge de Shep all down Arrow. Comme vous pouvez le voir, cela crée une même copie en dessous de cette ligne, mais je souhaite modifier la touche de raccourci vers le bas de Cpline Pour cela, nous devons revenir aux raccourcis clavier et nous devons faire l'éloge de cette icône d'édition. Nous devons maintenant créer notre nouveau raccourci pour copier vers le bas, qui est Control D. Mais le problème est que cette commande existe déjà, et vous pouvez voir ici la commande, Control D, section correspondant à la prochaine recherche de correspondance Cela peut poser des problèmes lorsque vous utilisez la touche de raccourci. Nous devons changer la touche de raccourci, et je vais la changer. Je vais créer une nouvelle touche de raccourci pour la prochaine recherche, qui est la flèche vers le bas du navire. Ainsi, nous avons ici échangé les touches de raccourci entre elles En gros, je n'essaie pas de me souvenir de toutes les touches de raccourci. Je me souviens des touches de raccourci que j'utilise le plus souvent. Permettez-moi de vous montrer une autre touche de raccourci très importante, l'ajout d'une ligne de commande. C'est une touche de raccourci très utile. À l'aide de cette touche de raccourci, vous pouvez ajouter une ligne de commande. Par défaut, la touche de raccourci est Control K, Control C. Laissez-moi vous montrer comment nous pouvons l'utiliser. Si je reviens à mon fichier de style ou fichier SASS et que j'utilise ce raccourci Control K, Control C, vous pouvez voir la ligne de commande Il ajoute une commande dans cette ligne. Mais pour ce travail en particulier, je souhaite créer ma propre touche de raccourci. Je vais modifier celui-ci, qui est Control Z. Je vais appuyer sur Entrée Donc, si je reviens à mon fichier CSS et que j'applique Control Z, vous pouvez voir que c'est également une commande dans cette ligne. Selon votre niche, vous pouvez trouver votre touche de raccourci et vous pouvez également modifier votre touche de raccourci. C'est la beauté de l'éditeur de code Visual Studio. C'est tout pour ce tutoriel. Dans le prochain tutoriel, nous allons en apprendre davantage sur les terminaux. Merci d'avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel. 10. Terminal de code Vs: Bonjour, les gars. C'est bon de te revoir. Une fois de plus, nous sommes dans mon éditeur de code Visa studio dans ce tutoriel, nous allons en apprendre davantage sur À partir de là, vous pouvez ouvrir un nouveau terminal. Si je clique sur un nouveau terminal, comme vous pouvez le voir, cela crée un nouveau terminal. Avec cela, si vous voulez créer plusieurs instantanés, oui, vous le pouvez. Cliquez simplement sur la dernière diapositive et créez un autre terminal. Vous pouvez créer plusieurs terminaux comme vous le souhaitez. Comme vous pouvez le voir, nous sommes en deuxième instance. Je vais taper un texte aléatoire. Dans un premier temps, je vais taper un, deux, trois, quatre, cinq. Je tape juste le numéro et ça suffit parce que lorsque je saute dans un autre terminal, vous pouvez comprendre la différence. Parfois, nous avons besoin des deux terminaux, un pour le serveur de polices, un autre pour le serveur principal Par défaut, ce terminal utilise PowerShell, Windows PowerShell Non seulement cela, vous pouvez également changer la couleur du terminal, cliquant dessus avec le bouton droit de la souris, et ici vous pouvez voir l'option, changer de couleur. Pour notre deuxième terminal, je vais utiliser la couleur verte. Ici, vous pouvez voir la différence. Ici vous pouvez voir maintenant notre terminal, je peux vous remplir de couleur verte. Non seulement cela, vous pouvez également renommer le laboratoire du terminal, dessus avec le bouton droit de la souris, et vous pouvez voir ici l'option de renommage Je vais maintenant renommer ce laboratoire terminal et je vais le saisir à nouveau L'utilisation de la couleur est très pratique pour changer. Vous pouvez facilement identifier votre coque. Maintenant, si vous voulez diviser votre terminal, je veux dire qu'au moment où vous voulez ouvrir les deux terminaux, puis cliquez sur cette option, diviser le terminal. Là, vous pouvez le voir côte à côte, ouvert sur le terminal. Pour l'instant, je ne veux pas séparer, donc je vais supprimer celui-ci. Si vous souhaitez déplacer votre terminal dans votre zone d'édition, vous pouvez utiliser cette option déplacer le terminal dans la zone d'édition. Si vous cliquez sur cette option ou sur ce terminal, passez dans la zone de l'éditeur. Si vous souhaitez désactiver votre terminal, vous pouvez utiliser cette option. Tuez le terminal. Sinon, vous pouvez utiliser le bouton Supprimer. Celui-là. Si je clique sur ce menu déroulant, vous pouvez voir ici Power Shell, une invite de commande, un terminal JavaScript, terminal partagé et bien d'autres options. Parfois, vous devez ouvrir Command Prom. Dans ce cas, vous devez appuyer sur cette option. Ouvrons un bal de commande. Je vais cliquer dessus. Ici, vous pouvez voir s' ouvrir une prom de commandes, ici vous pouvez voir la différence entre l' icône d'invite de commande et l'icône Powershell. Permettez-moi de vous montrer une chose. Lorsque j'essaie de créer un nouveau terminal, utilise par défaut Windows PowerShell, mais je ne veux pas définir option par défaut de Windows PowerShell Dans ce cas, vous devez sélectionner cette option déroulante et sélectionner ici votre profil par défaut. De là, vous pouvez voir sa commande depuis Power Shell, Java St de terminal, Windows PowerShell Je vais le voir commun à partir de. Maintenant, si je crée un nouveau terminal, comme vous pouvez le voir, par défaut, il s'agit d'une commande Windows ouverte à partir de, et non de Power Shell. Pour l'instant, je voudrais utiliser celui par défaut, donc je vais modifier le paramètre. C'est Windows Power Shell. Encore une fois, si je crée un nouveau terminal, comme vous pouvez le voir, c'est créer Windows Powershell à partir de cette icône, vous pouvez optimiser votre terminal Si je clique dessus, vous pouvez voir qu'il prend tout l'espace. De plus, si vous voulez tuer votre terminal, passez sur le membre de votre terminal et appuyez sur l'icône Supprimer. N'oubliez pas que si vous fermez votre terminal, cela ne signifie pas que vous supprimez tous les terminaux. Je ne tue pas vos terminaux. Laisse-moi te montrer. Si vous revenez à la section du terminal et que vous cliquez sur nouveau terminal, comme vous pouvez le voir, avec l'ancien terminal, cela crée un autre nouveau terminal. Parce que nous ne tuons pas notre terminal, nous fermons simplement notre panneau de terminal. Si vous souhaitez désactiver vos terminaux, vous devez appuyer sur cette icône numérique. Si vous avez un problème dans votre code, vous pouvez consulter cette section sur les problèmes pour la sortie, vous devez cliquer sur la section de sortie de cette section. Si vous voulez extraire votre code, dans ce cas, vous devez appuyer sur Diva Conso Il s'agit de la section d'introduction de base du terminal VSCode Io, maintenant c'est fait pour toi. Merci d'avoir regardé cette vidéo, restez à l'affût de notre prochain studio. 11. Fonction supplémentaire du code Vs: Bonjour, les gars. C'est bon de te voir. Une fois de plus, nous sommes dans l'éditeur de code de mon studio Visa. Et au cours de ces années de tutorat, nous allons découvrir quelques fonctionnalités intéressantes qui vous aideront à faire du droit Comme vous pouvez le voir, nous ouvrons déjà notre fichier de table d'index, et comme vous pouvez le voir, nous utilisons des classes dans nos balises, container plus un plus deux classe trois, mais je souhaite remplacer toutes les classes par ID. Dans ce cas, nous sommes d'accord. Je veux changer tous les cours en même temps. Pour cela, nous devons sélectionner l'une de ces classes, puis appuyer sur le bouton droit de la souris. Ici, vous pouvez voir une option, tout modifier conformément Sinon, vous pouvez appuyer sur Ctrl. Si je sélectionne cette option, comme vous pouvez le voir, elle sélectionne toutes les classes. Je vais maintenant remplacer toutes les classes par ID. ID B. Comme vous pouvez le voir, il remplace toutes les classes par ID. Cette méthode est très utile lorsque vous souhaitez modifier le nom de votre fonction, sinon une balise ou un mauvais mot clé. Ainsi, lorsque vous devez modifier un mot clé à la fois, dans ce cas, vous pouvez utiliser toutes les options d'occurrence. Il suffit de sélectionner le mot clé, puis de faire l'éloge de la droite N, et vous pouvez voir ici l' option « Modifier toutes les occurrences ». Parlons de notre prochaine fonctionnalité, qui est « go to line ». Comme vous pouvez le constater, nous avons un total de 26 lignes et la plupart du temps, nous travaillons sur de très grands projets, comme des milliers de projets de 2 000 lignes. Dans ce cas, il est très difficile de trouver le numéro de ligne exact. Mais dans l' éditeur de code Visual Studio, c'est très simple. Cliquez simplement sur Control et Z. Comme vous pouvez le voir, c'est la carte courte qui ouvre notre palette de commandes Ensuite, après Colon, vous devez appuyer sur le numéro de ligne. Je voudrais passer à la ligne numéro neuf. Je veux appuyer sur le 9. Comme vous pouvez le constater, il sélectionne déjà notre ligne numéro neuf. Si vous cliquez dessus, vous pointez également notre Karza dans cette position Permettez-moi de vous montrer nos prochaines fonctionnalités utiles, savoir la définition des fonctions. Pour cela, nous devons ouvrir notre fichier JS. Comme vous pouvez le voir, dans notre fichier JS, nous avons deux fonctions, 2 degrés Celsius et ma fonction. Et ici, vous pouvez le voir, nous appelons nos fonctions. Nous ouvrons également notre fonction dans notre console. Supposons que vous ayez des centaines de fonctions dans votre code, et qu'il soit alors très difficile détecter comment vous créez votre fonction. Dans ce cas, vous pouvez utiliser l'option de définition de fonction. Sélectionnez simplement le nom de la fonction, puis cliquez dessus avec le bouton droit de la souris, et vous pouvez voir ici, passer à la définition. Si je clique dessus, comme vous pouvez le voir, c'est rediriger vers notre fonction, 2 degrés Celsius. Mais si vous souhaitez ouvrir le panneau de définition des fonctions sans vous déplacer, dans ce cas, vous devez sélectionner la fonction, puis cliquer dessus, et vous pouvez voir ici une option nommée Peak. Cliquez ensuite sur cette option et sélectionnez Peak Definition. Comme vous pouvez le voir, une nouvelle fenêtre clignote et est redirigée vers la définition de cette fonction à deux cellules, oui. De là, vous pouvez également modifier vos fonctions. Après avoir modifié votre fonction, vous pouvez enregistrer, puis supprimer cette fenêtre. C'est la puissance de l'éditeur de code Visual Studio. Maintenant, laissez-moi vous montrer notre prochaine fonctionnalité. Pour cela, je vais ouvrir un autre fichier ou un autre fichier CSS stylisé Comme vous pouvez le voir, nous ouvrons au total trois fichiers, mais je n'ai pas besoin de ce fichier CSS de style, je vais donc le fermer. Mais accidentellement, je ferme le fichier JavaScript. C'était un dossier très important pour moi, et j'ai également oublié le nom du fichier que j'ai fermé. J'ai besoin de récupérer mon fichier, mais dans mon répertoire de commande actuel, il y a beaucoup de fichiers. Dans ce cas, nous pouvons utiliser un short. Pour cela, nous devons faire l' éloge de Control Shift T. Comme vous pouvez le constater, il a rouvert notre dossier fermé Et vous connaissez déjà cette option, qui est une fenêtre divisée. Si je clique sur cette option, comme vous pouvez le voir, nous divisons notre fenêtre, et maintenant nous pouvons voir deux fichiers avancer sur notre écran. Vous pouvez créer une division multiple en fonction de la taille de votre écran. C'est à vous de décider combien de parts vous voulez. Cette option est très utile lorsque vous avez un écran large. Je vais maintenant vous montrer comment ouvrir les dossiers de vos projets. Pour ceux-ci, je vais créer une nouvelle fenêtre, et je vais fermer celle-ci. Supposons que vous connaissiez déjà une méthode de base pour ouvrir le dossier Project. Pour cela, nous devons aller dans le menu Fichier , puis sélectionner cette option pour ouvrir le dossier. De là, nous pouvons ouvrir notre dossier. Voici notre dossier de projet. Il suffit de sélectionner le dossier , puis d'appuyer sur Sélectionner un dossier. Comme vous pouvez le voir, cela ouvre notre dossier. Mais je vais vous montrer une autre méthode ouvrir notre dossier de projet. Je vais donc utiliser ce code de Visual Studio. Pour cela, nous devons accéder à notre dossier de projet, puis appuyer sur la droite. Ici, vous pouvez voir une option s'ouvrir avec CO, puis vous devez appuyer sur cette option. Comme vous pouvez le voir, cela ouvre notre dossier de projet. Et si vous n'affichez pas cette option lorsque vous cliquez avec le bouton droit sur votre dossier, cela signifie que vous ne cochez pas cette option lorsque vous installez le code de sult Studio Permettez-moi de vous montrer une autre méthode ouvrir votre application de code isalstudio abord, vous devez accéder au dossier de votre projet, puis taper CMD dans le tracé de votre dossier, CMD. Puis appuyez sur Entrée. Comme vous pouvez le voir, cela ouvre votre palette de commandes. Et ici, vous devez attacher le point Codespace. Codez le point d'espace, puis appuyez sur Entrée. Comme vous pouvez le voir, cela ouvre notre application, ainsi que notre dossier de projet. C'est tout pour ce tutoriel. Dans notre prochain tutoriel, nous allons en apprendre davantage sur les touches de raccourci. Merci donc d' avoir regardé cette vidéo. Restez à l'affût de notre prochain tuteur. 12. Clé de raccourci supplémentaire en code Visual Studio: Bonjour, les gars. C'est bon de te revoir. Une fois de plus, nous en sommes dans mon code Visual Studio. Dans ce didacticiel, nous allons en apprendre davantage sur les touches de raccourci. En gros, utilisez Pull One. Ici, vous pouvez voir à l'intérieur du conteneur parent que nous avons au total trois objets profonds, un, deux, trois, mais nous avons décidé de déplacer notre troisième élément profond au-dessus du deuxième élément de développement Ensuite, nous devons généralement couper celui-ci et coller au-dessus du deuxième élément de développement, mais nous ne voulons pas le faire. Je reviens donc à la position précédente en utilisant Control Z. Et maintenant je vais vous montrer le raccourci clavier comment déplacer cette ligne Si vous souhaitez le déplacer vers le haut, sélectionnez la ligne, puis appuyez sur la touche Alt vers le haut. Comme vous pouvez le constater, cette touche de raccourci déplace notre code vers le haut. De même, si vous souhaitez le déplacer vers le bas, sélectionnez la ligne et appuyez sur la touche Alt vers le bas. Cette touche de raccourci déplace notre ligne vers le bas. Supposons que je veuille déplacer ce continent D à l'intérieur ce troisième élément en dB ou que nous devions le déplacer vers le bas. Nous devons sélectionner cette ligne, puis appuyer sur lt et flèche vers le bas. Vous pouvez voir le résultat. Si vous souhaitez le déplacer vers le haut, appuyez sur la flèche puis accélérez. Parlons maintenant d'une autre touche de raccourci utile. Supposons que je veuille copier cette balise H one, mais que je veuille la copier vers le haut en utilisant le raccourci clavier. Dans ce cas, nous devons sélectionner cette ligne et appuyer sur Ship Alt, flèche vers le haut. Comme vous pouvez le voir, il a fait une copie du tag H one. Par défaut, Visual Studio est fourni avec cette touche de raccourci, et vous le savez déjà, vous pouvez modifier vos touches de raccourci. De même, si je veux copier cette ligne vers le bas, dans ce cas, nous devons appuyer sur la flèche Ship Alt vers le bas. De plus, vous pouvez copier plusieurs lignes à la fois. Sélectionnez simplement ces lignes, la longueur de ligne que vous souhaitez copier, puis faites l' éloge du navire hissé, sinon flèche vers le haut, sinon flèche vers le bas en fonction de votre niche Comme vous pouvez le constater, j'ai copié trois de cette ligne vers le bas Si vous voulez commenter une ligne, dans ce cas, vous devez faire l'éloge de Control Forward Slash Comme vous pouvez le voir, commentez cette ligne. Et si vous souhaitez supprimer ce commentaire, dans ce cas, vous devez suivre la même touche de raccourci, Ctrl forward slash Vous pouvez utiliser la même touche de raccourci pour commenter plusieurs lignes. Maintenant, je veux sélectionner tous les mots de bonjour un par un. Dans ce cas, nous devons sélectionner le mot, puis appuyer sur Ctrl, puis appuyer sur Ctrl D pour sélectionner le prochain bonjour. Si vous voulez sélectionner l'autre mot bonjour, dans ce cas, vous devez appuyer en permanence sur Ctrl D. Cela va sélectionner tous les mots un par un, mais nous avons une meilleure solution pour cela, qui consiste à sélectionner tous les mots en même temps. Pour cela, nous devons sélectionner ce mot bonjour, puis appuyer sur Modifier toutes les occurrences. Comme vous pouvez le voir, il sélectionne tous les mots de bonjour en même temps. En même temps, nous pouvons changer le mot et en taper un nouveau. Mais si vous souhaitez sélectionner le mot un par un, vous devez appuyer sur Ctrl D. Vous pouvez également sélectionner plusieurs mots avec une autre méthode. Sélectionnez le mot et appuyez sur tout , puis sélectionnez la section que vous souhaitez sélectionner. Comme vous pouvez le constater, en même temps, nous sélectionnons quatre lignes au total. Il s'agit d'une autre méthode de raccourci. Si vous voulez couper une ligne, dans ce cas, vous devez appuyer sur Ctrl X. Et si vous voulez appuyer sur cette ligne n'importe où, vous connaissez le raccourci V. Et si vous voulez surligner une ligne, supposons que je veuille surligner cette ligne de titre, alors nous devons appuyer sur Ctrl L. Comme vous pouvez le voir, la ligne est surlignée. Ce sont donc toutes des touches de raccourci de base, et elles sont très importantes. Sans aucun doute, les touches de raccourci ont un impact très important sur notre productivité Voilà pour ce tutoriel, merci d'avoir regardé cette vidéo. 13. Emmet vscode partie 1: Bonjour les gars. C'est bon de te revoir. Encore une fois, nous sommes dans mon éditeur de code Visual Studio. Dans ce didacticiel, nous allons parler de A. Il s'agit d'une fonctionnalité invi de l'éditeur de code Visual Studio Ouvrons donc notre point d' index HTML 5, et je vais supprimer tout le code de ce document. Donc, pour sélectionner tout le code, je vais le supprimer. Et maintenant, je vais vous montrer notre premier exemple d'émission. Pour cela, je vais faire l' éloge de Snovon Sign. Ici, vous pouvez voir l' abréviation d'émission, et si j'appuie sur Entrée, sinon, appuyez sur Tab, comme vous pouvez le voir, cela crée un modèle de chaudière DML Nous n'avons donc pas besoin de taper plusieurs codes de gamme pour créer ce modèle de chaudière. Maintenant, à l'intérieur de cette balise corporelle, je vais créer H one tag H one. Comme vous pouvez le voir, si j'appuie sur Entrée, cela complète notre tag. C'est arrivé à cause d'Amit. Maintenant, dans ce tag H one, je vais taper hello world. Et maintenant, vous décidez de créer cinq étiquettes I. Pour cela, vous pouvez également utiliser l'AMI. Il suffit de taper I, étoile, cinq. Si j'appuie sur la touche Tab, sinon sur Entrée, comme vous pouvez le voir, cela crée cinq Litag Si vous essayez de créer un Diptag avec classe, oui, vous le pouvez. Laissez-moi vous montrer comment faire. Point profond, vous devez maintenant mettre le nom de votre classe. Le nom de notre classe est MyClass. Si j'appuie sur Enter, sinon sur tab, comme vous pouvez le voir, cela crée une balise profonde avec le nom de la classe, et le nom de notre classe est MyClass Vous pouvez gagner beaucoup de temps en utilisant Amit. Il s'agit d'une fonctionnalité intégrée de l'éditeur de code Vs. Vous n'avez pas besoin d'installer de plug-in pour cela. Cet éditeur de code est également livré avec autosazation. Laisse-moi te montrer. Je vais ouvrir un fichier js, scrip point js. Maintenant, je vais l' appeler fonction. Ici, je vais appeler la fonction To Celsius. Si je tape PO, comme vous pouvez le voir, le nom de la fonction est trop Celsius. Voici la vidéo de présentation d'Amit. le prochain tutoriel, nous allons en apprendre davantage sur Amit. Merci donc d' avoir regardé cette vidéo, restez connectés pour nos prochains tutoriels. 14. Emmet vscode partie 2: Bonjour, les gars. C'est bon de te revoir. Encore une fois, nous sommes dans mon éditeur de code Visual Studio, et il s'agit d'un autre tutoriel lié à Emet Et dans ce didacticiel, nous allons découvrir des fonctionnalités plus avancées d'Emet. Dans un premier temps, je vais supprimer cette structure de SMS. Et maintenant je vais créer la même structure d'estimus avec une méthode différente Dans notre méthode précédente, comme vous le savez, nous tapons le signe d'exclamation, puis nous appuyons sur l'onglet Entrée sinon Mais dans ce tutoriel, nous allons créer la structure d'estimation en tapant TM HTML. Comme vous pouvez le constater, il recommande le tableau 5. Si je sélectionne celui-ci, comme vous pouvez le voir, il crée le même modèle de chaudière TML Si vous souhaitez créer une balise profonde avec class, dans ce cas, vous devez taper Dev point className, my class C'est notre méthode précédente, mais dans ce tutoriel, je vais vous montrer une autre méthode. Vous n'avez pas besoin de taper le nom du tag, vous devez taper point my class. Ensuite, vous devez appuyer sur tag. Comme vous pouvez le voir, cela crée la même balise profonde. Dans notre méthode précédente, nous devions spécifier le nom du tag. Mais dans cette méthode, nous n'avons pas besoin de spécifier le nom de notre balise, mais cela ne fonctionne qu'avec la balise deep, pas avec l'autre balise. Si vous voulez plusieurs classes dans votre tag, oui, vous le pouvez. Supposons que je veuille créer une balise à en-tête ou que le nom de la classe soit la classe 1. Sur ce, je souhaite ajouter un autre cours. Pour cela, vous devez à nouveau utiliser le point, puis taper la classe deux. Si j'appuie sur Entrée, comme vous pouvez le voir, cela crée une balise H avec deux classes, classe un et classe deux. De même, si vous souhaitez créer un tag avec ID, dans ce cas, vous devez saisir le hashtag Dev et votre nom d'identifiant. Identifiant 1. Si j'appuie sur la touche Tab, comme vous pouvez le voir, cela crée une balise profonde avec l'ID 1. Si vous souhaitez créer une classe et un identifiant à la fois, dans ce cas, si vous souhaitez fournir IDF , le type a votre identifiant un. Avec cela, si vous souhaitez fournir une classe, vous devez appuyer sur le nom de la classe point. Classe 1. Si j'appuie sur Entrée, comme vous pouvez le voir, cela crée une balise profonde avec l' ID un et la classe un. Comme vous le savez, le TML 5 était livré avec de grandes balises comme le pied de page. Normalement, vous devez taper Footer. Mais si vous utilisez AMT dans ce cas, il vous suffit de taper TR. Si j'appuie sur Entrée, comme vous pouvez le voir, cela crée une balise Puta Vous pouvez donc utiliser Short from de cette balise. De même, pour l'en-tête, nous devons taper HDR. Si j'appuie sur Tab, comme vous pouvez le voir, cela crée une balise d'en-tête. Je suis venu avec de nombreux raccourcis, et je vais vous en parler plus tard, d'où nous pouvons l'obtenir Créons maintenant un paragraphe, P. Dans ce paragraphe, je vais taper une phrase. Voici Para. Il s'agit de la méthode normale pour saisir du contenu dans notre balise. Mais si vous utilisez Amit, dans ce cas, vous pouvez taper comme ceci, votre nom de tag, P et dans le code ala prass dont nous avons besoin pour fournir notre contenu Je vais taper « Bonjour tout le monde ». Si j'appuie sur Entrée, comme vous pouvez le voir, notre contenu est placé dans cette balise de paragraphe. C'est l'avantage de l'utilisation de l'AMI. Si vous souhaitez créer cette balise avec class, oui, vous le pouvez. Il vous suffit de taper le point p de votre nom de classe. Classe 1. Ensuite, dans le Calirass, vous devez taper votre texte. Bonjour tout le monde. Dans le même temps, vous pouvez créer un identifiant de classe et vous pouvez également mettre votre contenu. Tout devient facile après avoir utilisé AMT. Vous pouvez mettre votre contenu facilement. Vous n'avez pas besoin de vous souvenir de vos tags, et vous n'avez pas non plus à vous soucier de vos tags de fermeture. C'est tout pour ce tutoriel. Dans le prochain tutoriel, nous allons en apprendre davantage. Merci donc d' avoir regardé cette vidéo. Restez à l'affût pour notre prochain tutoriel. 15. Emmet vscode partie 3: Bonjour, les gars. C'est bon de te revoir. Encore une fois, nous sommes dans mon éditeur de code Visual Studio. Dans ce tutoriel, nous allons travailler avec des éléments enfants. Comment pouvons-nous facilement créer des éléments enfants à l'aide d'Emit ? Dans un premier temps, je vais sélectionner tout le code contenu dans cette section du corps et je vais le supprimer. Supposons qu'à l'intérieur de la balise DIP, je souhaite créer une balise de paragraphe. Dans ce cas, vous devez taper D, supérieur à sign, et le nom de votre balise, qui est P. Si j'appuie, comme vous pouvez le voir, à l'intérieur de cette balise DIP, elle crée une balise de paragraphe. Permettez-moi de vous montrer cet exemple une fois de plus. Donc, après la balise Dip, à l'intérieur de cette balise profonde, je souhaite créer une balise UL Child. Ensuite, à l'intérieur du tag enfant L, je veux créer un autre tag enfant, Eli. Si j'appuie sur Entrée, comme vous pouvez le voir, à l'intérieur de ce tag DIP, nous avons un enfant, qui est UL, et à l'intérieur de ce tag EL, nous avons un autre tag enfant, Eli. Maintenant, DB est notre grand-parent. UL est notre parent et Eli est notre enfant. Maintenant, avec cette balise, je veux mettre du contenu en même temps. Pour cela, nous devons suivre cette voie. B, puis supérieur à Sine après une balise enfant supérieure à sinus. La balise O child est P, et je souhaite mettre du contenu dans cette balise P. Après le tag P, nous devons utiliser calibss dans ce calivss Je vais taper hello world Si j'appuie sur Tart, comme vous pouvez le voir, dans cette balise parent profonde, nous avons la balise enfant, qui est P, et dans cette balise P, nous avons réussi à placer notre contenu, hello world Maintenant, permettez-moi de vous montrer un autre exemple. Je vais révoquer celui-ci, et ici je vais taper B supérieur à Sine UL, supérieur à Sine . Dans cette balise UL, je veux mettre AI, AI et dans le sculyss je vais Mais je veux quatre étiquettes LI à l'intérieur de cette étiquette UL. Dans ce cas, nous devons utiliser le signe de multiplication, multiplier par quatre. Si j'appuie sur Entrée, comme vous pouvez le voir, à l'intérieur de cette balise profonde, nous avons une étiquette UL à l'intérieur de cette balise UL, nous avons un total de quatre balises LI. Cette méthode était bonne, mais ce n'est pas la solution dynamique. Je tiens à dire qu'il faut répéter l'article pour la quatrième fois. Il n'octroie pas un élément un, deux, trois, car il s'agit d'un processus statique Mais avec l'aide d'emit, vous pouvez le rendre dynamique. Laisse-moi te montrer. Donc, à l'intérieur de cette balise L, je veux créer une balise LI. Ensuite, à l'intérieur du Cress, je veux taper à nouveau IM IM, mais cette fois, je vais utiliser le signe du dollar, et je veux multiplier par quatre. Si j'appuie sur Entrée, comme vous pouvez le voir, pour retourner l'élément, cela imprime le premier, deuxième, le troisième et le quatrième Il a mis dynamiquement une valeur numérique pour ces éléments. Dans notre langage de programmation pour ce travail, nous devons utiliser des boucles. Mais dans AIT, en une seule étape, nous pouvons obtenir ce résultat. N'oubliez pas que vous pouvez multiplier votre tag, utilisez simplement le signe de multiplication. Supposons que vous vouliez H une étiquette trois fois. Dans ce cas, H un, multipliez par trois. Si j'appuie sur Entrée, vous pouvez voir le résultat. Permettez-moi de vous montrer une autre démonstration. Mais avant, je vais révoquer celui-ci. Vous savez déjà comment créer plusieurs éléments enfants sur une seule ligne à l'aide d'Amit Mais cette fois, je veux mettre du contenu dans chaque tag. Pour cela, nous devons taper notre balise parent, Dev, puis dans l'alirass, nous devons mettre le contenu Il s'agit de v. Alors supérieur à la balise sinusoïdale P. Dans l'alirass, je vais taper ceci est Pera. Si j'appuie sur Entrée, comme vous pouvez le voir, nous avons réussi à mettre du contenu dans notre balise parent, également dans la balise enfant. De plus, vous pouvez attribuer un identifiant et une classe à ces balises en même temps vous pouvez attribuer un identifiant et . Laisse-moi te montrer. Je vais taper le tag DH comme identifiant, notre identifiant est le mien. Ensuite, les données signent notre étiquette enfant, qui est P. À l'intérieur de cette balise enfant, je veux mettre du contenu et notre contenu est le suivant : par. Je souhaite également attribuer une classe à cette balise P. Je veux donc utiliser le point, et le nom de notre classe est la mienne. Si j'appuie sur Entrée, comme vous pouvez le voir, cela crée d' abord notre balise parent, et cela attribue également un identifiant, mon identifiant également, vous pouvez le voir attribuer une classe à notre balise de paragraphe. Voilà pour ce tutoriel. Dans notre prochain tutoriel, nous allons parler des frères et sœurs, de façon dont nous pouvons créer une structure de frères et sœurs à l'aide de l'AMI. Merci donc d' avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel. 16. Emmet vscode partie 4: C'est bon de vous voir. Une fois de plus, nous sommes dans mon éditeur de code Vis studio. Dans notre précédent tutoriel, nous allons découvrir comment créer des éléments enfants à l'aide d'Amit Mais dans ce tutoriel, nous allons apprendre comment créer structure de frères et sœurs en HTML à l' aide d'Amit Permettez-moi de vous montrer l'exemple dont j' essaie de parler. Je veux structurer comme ça, Dev puis après la balise Deep, je veux créer une balise de paragraphe. Ensuite, après la balise de paragraphe, je veux créer une balise H. En gros, nous l'appelons structure fraternelle. La question est maintenant de savoir comment créer cette structure à l' aide d'ame. Pour cela, vous devez utiliser le dernier signe. Laisse-moi te montrer. Zone P plus H en profondeur. Si j'appuie sur Entrée, comme vous pouvez le voir, après la balise Dep, cela crée une balise de paragraphe, et après la balise de paragraphe, elle crée une balise H. Si vous souhaitez saisir le contenu et l'identifiant en même temps, vous pouvez suivre notre méthode précédente. Laisse-moi te montrer. Je tiens à dire qu' a une étiquette, mon informatique. Ensuite, nous devons utiliser le signe plus. Notre balise suivante est la balise de paragraphe. Ensuite, dans cette balise de paragraphe, je veux mettre du contenu. Voici Para. Avec cela, je veux créer une autre balise, qui est H. Je vais donc utiliser à nouveau le signe plus. Et après H un, je veux désigner un camarade de classe et le nom de notre classe est ma classe Si j'appuie sur Entrée, comme vous pouvez le voir, cela définit un identifiant pour D. De plus, nous mettons notre contenu dans notre balise Padnp Avec cela, nous avons défini une classe dans notre balise H one. À l'aide de ce processus de combinaison, vous pouvez créer plusieurs codes de programmation sur une seule ligne. C'est donc le pouvoir d'émission. Cela augmente certainement votre efficacité. Parlons des formulaires, de façon dont nous pouvons créer des formulaires avec Amit. Si je tape à partir, comme vous pouvez le voir, par défaut, il est livré avec un attribut action. Mais avec l'attribut action , je veux également définir la méthode. Dans ce cas, nous devons taper depuis Cool, vous pouvez choisir votre méthode. Sinon, publiez. Je vais choisir la méthode de publication. Comme vous pouvez le voir, il est livré avec Method Post. Maintenant, je veux créer une balise d'entrée sous cette forme. Je vais taper une entrée. Il suffit de saisir. Par défaut, il est livré avec un type de texte. Non seulement cela, vous pouvez utiliser un raccourci pour cela. Il vous suffit de taper InP. Si j'appuie sur Entrée, comme vous pouvez le voir, le nom et l'ID du type sont déjà fournis, mais je ne veux pas de saisie de texte à tout moment. Je veux une case à cocher t. Pour cela, vous devez taper une entrée, puis vous devez utiliser Colon et vous devez case, et vous pouvez voir le résultat cocher du type de saisie. Comme vous pouvez le voir, tout le type d'entrée est pris en compte Bouton de saisie, case à cocher, couleur , date, masqué, image, mois, numéro, etc. Et si vous utilisez l'entrée a, elle fournit le type d'entrée submit. Permettez-moi maintenant de vous montrer une autre caractéristique très inversée de l'émission. Ce qui est un faux texte. Supposons que je crée un Ptag et qu'à l'intérieur de ce Ptag, je veux du foutu texte. À des fins de pratique et de développement, plupart du temps, nous avons besoin d'un texte factice, mais nous ne comprenons pas ce que nous allons y écrire La plupart du temps, nous copions une ligne d'Internet. Mais avec l'aide d'Amit, vous pouvez utiliser le texte Lam dammi . Laisse-moi te montrer. Dans ce tag P, je vais taper Loren. Et je vais appuyer sur Entrée. Comme vous pouvez le constater, il fournit du texte factice pour plusieurs alignements. Non seulement cela, vous pouvez également contrôler le mot. Laisse-moi te montrer. Je vais passer en revue celui-ci. Encore une fois, je vais taper loading. Et cette fois, je veux un total de 25 mots, donc je vais en taper 25. Si j'appuie sur Entrée, comme vous pouvez le voir, comme vous pouvez le voir, fournissez 25 mots au total. Si vous voulez 300 mots, dans ce cas, vous devez taper Lorin 300 et cela fournira un Opera de 300 mots Permettez-moi de vous montrer un autre exemple de la façon dont nous pouvons utiliser ce texte de Davi avec une balise Li Pour cela, je vais taper D plutôt que UL. À l'intérieur de cette étiquette UL, je vais taper Lim. Et je voudrais dire six mots. Je veux appuyer sur six. Après six mots, je voudrais le répéter au total quatre fois. Je vais définir une classe nommée Mt ITM. Multipliez par quatre. Si j'appuie sur Entrée, comme vous pouvez le voir, à l'intérieur de cette balise DIP, nous avons une balise UL, et à l'intérieur de cette balise UL, nous avons le total pour la balise I et elle met également un point différent sur toute cette étiquette LI C'est tout pour ce tutoriel. J'espère que vous comprenez maintenant comment nous pouvons utiliser l'AMI. Merci d'avoir regardé cette vidéo, restez connectés pour notre prochain tutoriel. 17. Informations supplémentaires sur le code Vs: Bonjour, les gars. C'est bon de te revoir. Il s'agit du dernier tutoriel lié à so studio. Pouvez-vous voir clairement le curseur clignotant ? Notre curseur clignotant est à peine visible dans notre ligne. Nous pouvons le rendre plus visible. Voyons comment. Pour cela, nous devons passer à l'option de réglage. Je vais cliquer sur cette section sur les menaces, et ici vous pouvez voir les paramètres. Nous devons maintenant rechercher un mot clé, Carsel. Comme vous pouvez le voir dans notre première option, Carselbnking. À partir de là, vous pouvez contrôler le style d'animation de Carsal. Ici, vous pouvez voir beaucoup de styles d'animation, gagner en douceur, faire une pause, étendre solidement. Je vais sélectionner Agrandir. Avec cela, je vais également changer le style de Kurzel d'une ligne à l'autre. Si je reviens au dossier d'ICS, vous pouvez voir le style des voitures, leur lenteur. Notre curseur est maintenant beaucoup plus visible depuis notre mode précédent. Ainsi, à partir de cette option de réglage, vous pouvez changer le style de la voiture. Mais je voudrais opter pour celui par défaut. Je vais sélectionner une ligne et je veux sélectionner Blink. Maintenant, laissez-moi vous montrer d'autres options importantes. Supposons que vous souhaitiez accéder directement au dossier multimédia et que vous souhaitiez ouvrir ce dossier multimédia avec l'explorateur de fichiers. Si vous souhaitez ouvrir ce dossier dans votre explorateur de fichiers, il vous suffit d'appuyer sur un clic, puis de sélectionner Afficher dans l'explorateur de fichiers. Comme vous pouvez le voir, cela ouvre le dossier. C'est une bonne option pour ouvrir votre fichier. Si vous souhaitez ouvrir votre terminal dans un dossier spécifique, dans ce cas, vous devez sélectionner Ouvrir dans le terminal intégré. Si je sélectionne cette option, comme vous pouvez le voir, cela ouvre notre dossier multimédia. À l'intérieur de ce terminal. Nous n'avons pas besoin de taper la commande CD pour cela. Nous pouvons directement ouvrir notre dossier dans notre terminal. Il existe de nombreuses options que vous pouvez apprendre dans VS Cody Deo Au fil du temps, vous deviendrez un expert. Passons maintenant à la section de documentation. Comme vous pouvez le constater, nous ouvrons à nouveau le site officiel. Je vais maintenant passer à la section doc. À partir de là, vous pouvez apprendre comment configurer cette application sur votre système d'exploitation Linux, votre système d'exploitation Macos, votre système d'exploitation Windows ou votre système d'exploitation Raspberry Pi. Si vous passez à la section de démarrage, vous pouvez voir ici quelques vidéos d'introduction Comment démarrer cette application. Dans cette section, vous pouvez apprendre comment démarrer, comment coder, quelques conseils de productivité, quelques conseils de productivité, personnaliser la façon dont nous pouvons utiliser les extensions. Nous l'avons déjà appris dans notre cours. Si vous cliquez sur Tip and Teks, vous pouvez voir ici quelques conseils et astuces de base Comment pouvons-nous utiliser la palette de commandes Comment pouvons-nous utiliser les raccourcis clavier et bien d'autres. Nous l'avons déjà appris dans notre tutoriel. Dans cette fine section, vous pouvez apprendre comment modifier vos thèmes depuis la section des paramètres, vous pouvez apprendre à modifier les paramètres. Donc, en gros, j'apprends tous les raccourcis et astuces dans cette section de documentation. Je vous dirai donc toujours de suivre la section documentation. Merci d'avoir regardé cette vidéo.