Alors que nous commençons

CHAPITRE 1 : Présentation de VSCode
01 La nouvelle norme pour les éditeurs de code : Visual Studio Code
02 Installer VSCode
03 Effectuer les réglages initiaux
04 Disposition de l'écran VSCode
05 Définir les paramètres du fichier dans la barre d'état

CHAPITRE 2 Essayons l'édition de fichiers de base.
01 Ouvrir et modifier des dossiers et des fichiers
02 Ouvrir plusieurs dossiers dans l'espace de travail
3 techniques essentielles pour vous aider à corriger du texte
04 Modifier le fichier Markdown
05 Utiliser la fonction de recherche et de remplacement

CHAPITRE 3 Comprendre les paramètres et la personnalisation
01 Découvrez ce que vous pouvez faire dans VSCode
02 Personnalisez VSCode selon vos préférences
03 Modifier les paramètres par zone de travail
04 Paramètres avancés dans le fichier JSON
05 Synchroniser les paramètres avec d'autres ordinateurs
06 Associer les tâches fréquemment utilisées à des raccourcis clavier
07 Présentation des extensions
08 Gérer l'expansion

CHAPITRE 4 Optimisation pour le développement Web
01 Fonctionnalités standard pour vous aider à modifier le HTML et le CSS
02 Organisez votre code avec Prettier
03 Prévisualiser les fichiers HTML en temps réel
04 Passez librement du CSS au HTML
05 Prévisualisez l'image dans l'éditeur
06 Fonctionnalités pour vous aider à saisir le code
7 fonctionnalités qui facilitent la lecture du code

CHAPITRE 5 Optimisation pour la programmation
01 Techniques utiles en programmation
02 Personnaliser la fonction de supplément de code
03 Utiliser davantage d'extraits de code
04. Naviguez librement entre les définitions et les références dans les fichiers.
5 techniques pour améliorer le code
06 Notions de base du débogage
07 Vérifiez les détails du programme lors du débogage

CHAPITRE 6 : Utiliser Git dans VSCode
01 Système de contrôle de version Git
02 Préparation à l'utilisation de Git
03 Créer un dépôt local
04 Travail sur un dépôt local
05 Publiez votre dépôt local sur GitHub
06 Cloner le dépôt distant
07 Résoudre le conflit
08 Divisez l'historique des commits en branches
09 Fusionner les branches à l'aide de demandes d'extraction
Rendez Git encore plus pratique grâce à 10 extensions GitLens.
11 Utilisez la version en ligne de VSCode

Appendice
INDICE

* Contenu principal

CHAPITRE 1 : Présentation de VSCode
Ce chapitre présente VSCode, prépare l'environnement de pratique et explique la composition des écrans. Il offre une compréhension de base aux débutants et, même pour les utilisateurs expérimentés, fournit des informations sur chaque composant d'écran qui ne sont pas toujours évidentes.


CHAPITRE 2 Essayons l'édition de fichiers de base.
Ce chapitre présente les fonctionnalités de base d'édition de fichiers de VSCode, utiles quel que soit le fichier que vous modifiez, ainsi que l'espace de travail, qui est l'unité de travail de VSCode.
Après avoir lu ce chapitre, vous comprendrez mieux la structure de VSCode et vous serez en mesure d'améliorer considérablement votre efficacité au travail.

CHAPITRE 3 Comprendre les paramètres et la personnalisation
Ce chapitre vous aidera à comprendre les différents paramètres ajustables et leur structure dans VS Code, et vous apprendra à les personnaliser selon vos besoins. Il vous enseignera également comment utiliser les extensions, ces éléments puissants qui ont fait de VS Code ce qu'il est aujourd'hui.


CHAPITRE 4 Optimisation pour le développement Web
Ce chapitre présente les fonctionnalités et extensions de VSCode, utiles pour l'édition de code HTML et CSS. Il vous sera d'une grande aide pour configurer un environnement de développement web centré sur VSCode, couvrant HTML, CSS et JavaScript.

CHAPITRE 5 Optimisation pour la programmation
Nous allons vous montrer comment utiliser IntelliSense et les extraits de code pour accélérer l'écriture de votre code, et comment configurer le débogage directement dans VSCode.
En adoptant les méthodes décrites dans ce chapitre, VSCode sera capable de prendre en charge la quasi-totalité des langages.

CHAPITRE 6 : Utiliser Git dans VSCode
Cet article explique comment gérer les versions dans VSCode à l'aide de la fonctionnalité d'intégration Git officiellement prise en charge par VSCode.
Nous vous montrerons également comment utiliser l'extension GitLen, qui fonctionne parfaitement avec les fonctionnalités d'intégration de Git, pour vous aider à tirer le meilleur parti de Git même si vous n'utilisez pas activement le terminal.

Note de l'auteur

Vous qui tenez ce livre entre vos mains, avez-vous déjà entendu parler d'un outil appelé Visual Studio Code (ci-après VSCode) ? Et quelles sont vos impressions à son sujet ?

« Un outil formidable pour les programmeurs », « Quelque chose comme Visual Studio »… Ces impressions ne sont pas totalement fausses, mais n’y a-t-il pas beaucoup de gens qui pensent que « C’est un outil pour les développeurs de logiciels, et il semble qu’il faille des connaissances spécialisées pour l’utiliser » ?

Bien que VSCode soit un éditeur de texte gratuit publié par Microsoft, il est vrai qu'il est similaire à un EDI (environnement de développement intégré) doté de fonctionnalités de développement logiciel telles que Visual Studio ou Android Studio.
Par conséquent, de nombreuses personnes peuvent avoir l'impression que la barrière à l'entrée est élevée en raison de l'image d'un domaine réservé aux ingénieurs professionnels.

Mais VSCode n'est pas seulement un outil pour les développeurs et les ingénieurs logiciels.
L'avantage de VSCode est qu'il peut tout gérer, des tâches quotidiennes comme l'édition de texte et la manipulation de dossiers aux tâches de développement complexes comme la programmation et le contrôle de version.

Si vous êtes un créateur de sites web ou un ingénieur qui lit ce livre et intègre VSCode à son travail, vous serez non seulement capable de travailler plus efficacement, mais vous vous surprendrez également à dire en fin de journée que les seules applications qui ont fonctionné ce jour-là étaient un navigateur web et VSCode.

Cela dit, une grande partie de la documentation officielle de VSCode publiée par Microsoft n'est disponible qu'en anglais, et bien qu'il existe quelques manuels pour les ingénieurs, ils peuvent être difficiles à lire sans connaissances préalables.

Ce livre propose des explications illustrées, étape par étape, de VSCode, de son introduction à son utilisation complète.

De la configuration et de la personnalisation de base aux fonctionnalités spécifiques au développement web et à la programmation, nous avons fourni des instructions étape par étape avec des captures d'écran pour que vous puissiez maîtriser les commandes sans vous perdre.

Chaque chapitre commence par une explication des fonctions de base de VSCode, puis présente les fonctionnalités de création et de programmation web.

Ceux qui s'apprêtent à utiliser VSCode devraient commencer par lire le CHAPITRE 1. Ceux qui l'utilisent déjà et connaissent les méthodes de fonctionnement de base devraient lire les parties pertinentes pour leurs objectifs de développement dans les CHAPITRES 3 à 6.

CHAPITRE 1 : Présentation de VSCode
CHAPITRE 2 Essayons l'édition de fichiers de base.
CHAPITRE 3 Comprendre les paramètres et la personnalisation
CHAPITRE 4 Optimisation pour le développement Web
CHAPITRE 5 Optimisation pour la programmation
CHAPITRE 6 : Utiliser Git dans VSCode

J'espère que la compréhension du contenu de ce livre vous permettra non seulement d'accomplir vos tâches quotidiennes avec VSCode, mais aussi de moderniser votre façon de travailler.