Maison Tutoriel logiciel Logiciel Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

Apr 02, 2024 pm 02:49 PM
vscode prettier

L'éditeur PHP Xiaoxin vous présente comment utiliser le plus joli plug-in dans Vscode. Vscode est un éditeur de code puissant, et le plus joli plug-in est un plug-in fonctionnel important. Grâce au plus joli plug-in, nous pouvons facilement formater le code et le rendre plus propre et plus beau. Cet article présentera en détail l'installation et la configuration du plus joli plug-in dans Vscode, ainsi que la méthode d'utilisation du plus joli plug-in pour le formatage du code. Explorons le charme du plus joli plug-in de Vscode !

1. Ouvrez d'abord Vscode. Si le plug-in le plus joli n'est pas installé, veuillez d'abord l'installer. La méthode d'installation consiste à cliquer sur l'icône [Extension], puis à rechercher [plus joli], à trouver le plug-in officiel et à l'installer. il.

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

2. Préparez ensuite un exemple de code. L'image ci-dessous est un morceau de code HTML au format déroutant.

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

3. Dans la fenêtre vscode qui ouvre l'exemple de code, utilisez la touche de raccourci [CTRL + Shift + P] pour ouvrir la boîte de commande vscode, entrez le mot-clé [format] dans la case, et vous pourrez le voir ici. Il existe 2 options :

1. Formater le document (touches de raccourci Shift+Alt+F) pour formater l'intégralité du document

2. Sélection du format (touches de raccourci Ctrl+K, Ctrl+F) pour formater le code sélectionné

Vous pouvez choisissez-en un en fonction de vos options de besoins.

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

4. Ensuite, après avoir sélectionné [Formater le document], nous pouvons voir que le code a changé et que l'exemple de code est devenu beau et soigné, comme le montre la figure ci-dessous :

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

5. Vous pouvez également sélectionner une partie du code, puis cliquez avec le bouton droit, et il y aura deux options dans le menu contextuel. Vous pouvez également formater le code existant, ce qui est très pratique à utiliser.

1. Formater le document (Maj+Alt+F)

2. Sélection du format (Ctrl+K, Ctrl+F).

Comment utiliser le plus joli plug-in dans Vscode_Comment utiliser le plus joli plug-in dans Vscode

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode May 09, 2024 am 09:37 AM

Comment afficher des documents Word dans vscode Comment afficher des documents Word dans vscode

Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio Apr 23, 2024 pm 02:13 PM

Comment dessiner un organigramme avec vscode_Comment dessiner un organigramme avec le code visual_studio

Comment écrire Maude en Vscode_Comment écrire Maude en Vscode Comment écrire Maude en Vscode_Comment écrire Maude en Vscode Apr 23, 2024 am 10:25 AM

Comment écrire Maude en Vscode_Comment écrire Maude en Vscode

Les Chinois de Caltech utilisent l'IA pour renverser les preuves mathématiques ! Accélérer 5 fois a choqué Tao Zhexuan, 80% des étapes mathématiques sont entièrement automatisées Les Chinois de Caltech utilisent l'IA pour renverser les preuves mathématiques ! Accélérer 5 fois a choqué Tao Zhexuan, 80% des étapes mathématiques sont entièrement automatisées Apr 23, 2024 pm 03:01 PM

Les Chinois de Caltech utilisent l'IA pour renverser les preuves mathématiques ! Accélérer 5 fois a choqué Tao Zhexuan, 80% des étapes mathématiques sont entièrement automatisées

Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode May 09, 2024 am 09:52 AM

Comment activer les mises à jour en arrière-plan dans vscode Comment activer les mises à jour en arrière-plan dans vscode

Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode May 09, 2024 am 09:43 AM

Comment ajouter des fichiers à l'espace de travail vscode Comment ajouter des fichiers à l'espace de travail vscode

Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode May 09, 2024 am 10:30 AM

Comment désactiver le fichier de configuration wsl dans vscode Comment désactiver le fichier de configuration wsl dans vscode

Comment définir l'insertion fluide de l'animation dans VScode Tutoriel VScode pour définir l'insertion fluide de l'animation Comment définir l'insertion fluide de l'animation dans VScode Tutoriel VScode pour définir l'insertion fluide de l'animation May 09, 2024 am 09:49 AM

Comment définir l'insertion fluide de l'animation dans VScode Tutoriel VScode pour définir l'insertion fluide de l'animation

See all articles