Maison  >  Article  >  outils de développement  >  Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

青灯夜游
青灯夜游avant
2021-03-01 10:28:333159parcourir

Comment rendre le vscode 10 fois meilleur ? L'article suivant partagera avec vous un guide du débutant VS Code. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Recommandations associées : "Tutoriel vscode"

"VS Code est vraiment facile à utiliser et amusant à écrire du code."

Vous devez avoir entendu plus d'une personne autour de vous dire cela. Dans le récent rapport JS 2019, VS Code a également remporté la première place avec un avantage écrasant, et les autres éditeurs n'ont pu qu'être impitoyablement écrasés et frottés au sol...

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode
Rapport JS 2019

Cependant, VS Code n'est pas prêt à être utilisé comme PyCharm/WebStorm. Vous devez installer des plug-ins supplémentaires et maîtriser certaines touches de raccourci et compétences pour l'utiliser en douceur. .

Nous avons passé une semaine à compiler pour vous ce qui est probablement le guide du débutant le plus complet sur VS Code. Il est divisé en trois parties : un aide-mémoire sur les touches de raccourci, 10 plug-ins super faciles à utiliser et. des tutoriels d'utilisation pour les débutants. Bai peut démarrer rapidement et doubler son efficacité.

Quantity Aide-mémoire des touches de raccourci

Tout d'abord, nous avons compilé deux touches rapides pour les touches de raccourci couramment utilisées par VS Code Vérifiez le tableau :

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCodeTouches de raccourci Mac

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCodeTouches de raccourci Windows/Linux

Seulement lorsque vous êtes familier avec les touches de raccourci, vous pouvez vous découvrez VS À quel point le code est-il pratique. Les vrais maîtres écrivent du code sans laisser les mains sur le clavier.

Quantity 10 plug-ins super utiles

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Chinois (simplifié) Pack linguistique pour Visual Studio Code

‍ Microsoft

3 358 698 téléchargements

Après l'installation

Code VS chinois en une seconde, et alors ne vous inquiétez pas de ne pas pouvoir lire l'anglais.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Thème City Lights

‍ Yummygum

54 054 téléchargements

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

C'est un bon plug-in de thème, mais le choix du thème dépend de chaque individu. Vous pouvez également rechercher directement "thème" dans

pour. obtenez de nombreux thèmes, trouvez celui qui vous convient.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Embellir

‍ HookyQR

3 998 071 téléchargements

Vous pouvez agrandir la marque, ajuster l'espacement du code,

formater rapidement le code, ce qui peut instantanément ranger les codes HTML, CSS et JS désordonnés, ce qui facilite la tâche des autres à lire et pratique Maintenance ultérieure.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

vscode-icons

‍ Équipe d'icônes VSCode

4 237 487 téléchargements

Définir les icônes de fichiers. Selon les différents types de fichiers,

définir les icônes de fichiers correspondantes Lorsque nous regardons la liste des fichiers, nous pouvons la voir clairement en un coup d'œil et trouver rapidement les fichiers dont nous avons besoin. (surtout s'il existe souvent de nombreux fichiers et types).

 Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Aperçu de l'image

‍ Embrasse Tamás

123 990 téléchargements

Lorsque le curseur survole le chemin de l'image, l'aperçu de l'image s'affichera, de sorte qu'en tapant le code, nous puissions savoir immédiatement si l'image est correcte ou l'image a été référencée.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Vérificateur orthographique de code

‍ Logiciel Street Side

970 955 téléchargements

De nombreux noms dans notre code quotidien utilisent des mots anglais, et des amis négligents peuvent les mal orthographier. Ce plug-in est un outil de secours lorsque les mots sont mal orthographiés. Il peut marquer les mauvais mots, et il peut également le faire. Demander l'orthographe correcte du mot. Avec lui, vous n'avez plus à rechercher longtemps des bugs à cause de mots mal orthographiés

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Live Server

‍ Ritwick Server

3 551 236 téléchargements

Lors du développement front-end, nous devons ouvrir le navigateur pour prévisualiser et déboguer la page. Ce plug-in peut réaliser un aperçu en temps réel des pages statiques et dynamiques Vous pouvez voir les mises à jour des pages après l'enregistrement, sans avoir besoin d'actualiser manuellement.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

indent-arc-en-ciel

‍ ouderwat

567 061 téléchargements

Lors de l'écriture du code, cela peut nous rappeler si l'indentation est en place Alternez quatre couleurs différentes à chaque étape. Si elle n'est pas en place, la couleur deviendra rouge. 🎜>.Regardez. Le code est soigné et bien rangé, ce qui est très confortable.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Supports arc-en-ciel

‍ 2gua

367 290 téléchargements

Fournit une couleur pour les crochets ronds, les crochets carrés et les crochets incurvés

La même couleur indique le même niveau de crochets , les crochets fermants isolés sont surlignés en rouge, adaptés à l'écriture de JavaScript ; les gens sont plus utiles.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Polacode-2019

‍ Jeff Hykin

4 704 téléchargements

Vous pouvez enregistrer le code dans de belles images, avec différents thèmes et différentes combinaisons de couleurs de code. Vous pouvez également définir vous-même la couleur, la taille et l'ombre de la bordure dans le

tutoriel ou. document Il est utile de fournir des exemples de code .

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

● Tutoriel novice VS Code

① Installer le code VS

Adresse de téléchargement officielle de VS Code : https://code.visualstudio.com

Téléchargez la version correspondante en fonction de votre ordinateur, puis installez-la.

② Entrez le code VS

L'interface est divisée en ces parties. Tout d'abord, ayez une compréhension globale de ce que fait chaque partie

. Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

③ Installez le plug-in VS Code

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Le plug-in super facile à utiliser mentionné ci-dessus peut être installé ici.

④ Commencez à écrire du code

Créez d'abord un nouveau dossier sur votre ordinateur

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Puis ouvrez ce dossier dans VScode

, ou appuyez sur la touche de raccourci (Command /Ctrl+ O)

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Créer un nouveau fichier (Commande/Contrôle + N), doit écrire le nom du suffixe afin que VScode puisse identifier de quel type de fichier il s'agit.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode

⑤ Commencez à exécuter le code

Modifiez le code, enregistrez-le et utilisez l'aperçu du plug-in Live Server recommandé ci-dessus . Après avoir installé le plug-in,

faites un clic droit et sélectionnez "Ouvrir avec Live Server" ou cliquez sur "Go Live" dans le coin inférieur droit.

Comment mieux utiliser VSCode ? Partage du guide du débutant VSCodeComment mieux utiliser VSCode ? Partage du guide du débutant VSCode

Pour plus de connaissances liées à la programmation, veuillez visiter :

Vidéo de programmation ! !

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:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer