Home > Blog > Editeur de code

Comment installer visual studio code sous Windows et Linux ? avec les réglages et extentions utiles

  • updated 28-08-2024 18:17
  • author : Phosphataz


    • Introduction


    Visual Studio Code encore appélé VS code est un éditeur de code, probablement le plus utilisé à l'écriture de cet article. Il a été développé par l'entreprise Microsoft pour les plateforme Windows, Linux et MacOs.

    Il support presque tous les langages de programmation et offre plusieurs fonctionnalités y compris l'ajout des extensions pour ajouter d'autres fonctionnalités à l'éditeur de code (ce qui fais l'une des forces de ce logiciel).

    Voyons comment installer vs code sous Windows et Linux dans cet article.


    Installation sous Windows


    • 1 - Allez sur le site officiel de vscode en suivant ce lien ou en cherchant sur google
    • 2 - Arrivé normalement le site va détecter votre système d'exploitation et vous proposer le lien pour télécharger
    • 3 - Cliquez sur télécharger



    • 4 - Lancez l'exécutable téléchargé en double cliquant dessus
    • 5 - En suivant les instructions, d'abord acceptez les conditions d'utilisation, cliquez suivant, suivant, install jusqu'à la fin cliquez sur finish. Et c'est bon
    • 6 - Pour ouvrir l'éditeur de code : faites une recherche dans la barre de recherche de Windows en tapant vscode. Vous allez voir le logiciel apparaître, cliquez sur le nom pour le lancer.


    Installation sous Linux


    • 1 - Allez sur le site officiel de vscode en suivant ce lien ou en cherchant sur google
    • 2 - Arrivé normalement le site va détecter votre système d'exploitation et vous proposer le lien pour télécharger
    • 3 - Cliquez sur le boutton qui a l'extension qui correspond à votre distro Linux pour télécharger
    • J'utilise une distro basé sur debian donc je vais télécharger le fichier .deb



    • 4 - Une fois le téléchargement terminé, ouvrez le terminal dans le dossier où se trouve le fichier téléchargé et
    • - si vous êtes sous une distro basé sur debian (ubuntu, mint, kali, ou autre), tapez la commande suivant et faite entrez. S'il vous demande d'entrer votre mot de passe, tapez votre mot de passe et faite entrez :
    sudo dpkg -i nom_du_fichier.deb

    NB : remplacez le nom_du_fichier.deb par le nom du fichier que vous avez téléchargé.

    Une fois l'installation terminée, tapez dans le terminal : code et faite entrez, et vscode va s'ouvrir.


    Les réglages de vscode


    Les réglages à faire dans vscode dependent de vos préférences, je vais ici vous montrer les réglages que je fais après l'installation de vscode :

    • 1. Ajuster l'ndentation dans l'explorateur de vscode (panel de gauche)
    • - cliquez sur la roue denté en bas à gauche (icon paramètre)
    • - une petite fenêtre va appaître, cliquez sur paramètre
    • - cherchez dans la barre de recherche des paramètre : tree.indent.
    • - dans le champ ajoutez la valeur que vous voulez 24 pour moi ça va. Vous pouvez observer l'explorateur de code pour ajuster cette valeur.



    • 2. Ajuster la taille des écritures du code dans vscode (font size)
    • - dans les paramètre recherchez : editor.font.size.
    • - ajuster la taille en observant le code dans l'éditeur voir la taille qui vous convient. Moi 16 ça me va.



    • 3. Ajuster la taille des écriture dans l'éditeur en général
    • - dans les paramètre recherchez : Window.zoomLevel.
    • - ajuster la valeur du zoom en observant la taille des écriture dans l'éditeur. Moi 0.5 ça me va.


    Voici quelques extensions de vscode pour vous aider dans le développement :


    Les 5 extensions utiles pour le développement.

    Une fois vscode installé la deuxième étape c'est d'installer des extensions qui nous aide dans le développement de nos applications.

    D'abord pour trouver les extensions, dans les icons vertical de gauche, cliquez sur le 5e icon, en suite faite la recherche dans la barre de recherche qui apparaît.


    • 1. Live server : c'est un serveur local qui aide dans le developpement web en rechargeant les fichiers statiques dans le navigateur.
    • 2. Prettier code formatter : c'est une extension pour formatter le code.
    • 3. Material Icon Theme : permet d'ajouter des icons plus jolis et intuitif aux fichiers
    • 4. Path Intellisense : C'est une extension qui permet d'auto completer le nom des fichier



    Conclusion


    C'est tout pour article. Si vous êtes intéressé par une compétence spécifique, nous avons des gratuits et payants ici.