Maison > Article > outils de développement > Comment mieux utiliser VSCode ? Partage du guide du débutant VSCode
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.
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...
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é.
Tout d'abord, nous avons compilé deux touches rapides pour les touches de raccourci couramment utilisées par VS Code Vérifiez le tableau :
Touches de raccourci Mac
Touches de raccourci Windows/Linux
Chinois (simplifié) Pack linguistique pour Visual Studio Code
Microsoft3 358 698 téléchargementsAprès l'installationCode VS chinois en une seconde, et alors ne vous inquiétez pas de ne pas pouvoir lire l'anglais.
Yummygum 54 054 téléchargements 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.
HookyQR3 998 071 téléchargementsVous 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.
Équipe d'icônes VSCode4 237 487 téléchargementsDé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).
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.
Vérificateur orthographique de code
Logiciel Street Side970 955 téléchargementsDe 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
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.
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.
2gua 367 290 téléchargementsFournit 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.
Jeff Hykin4 704 téléchargementsVous 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 letutoriel ou. document Il est utile de fournir des exemples de code .
① Installer le code VS
Adresse de téléchargement officielle de VS Code : https://code.visualstudio.comTé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.
③ Installez le plug-in VS Code
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 ordinateurPuis ouvrez ce dossier dans VScode
, ou appuyez sur la touche de raccourci (Command /Ctrl+ O)
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.
⑤ 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.
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!