Comment configurer Visual Studio Code (VS Code) pour le développement PHP

Introduction

Visual Studio Code, également connu sous le nom de VS Code, est un éditeur de code source gratuit – ou environnement de développement intégré (IDE) – disponible pour tous les principaux systèmes d'exploitation.

Avec un grande collection d'extensions pour de nombreux langages de programmation, VS Code peut être personnalisé pour répondre à une grande variété de besoins de développement. Dans ce guide, vous apprendrez à configurer Visual Studio Code pour travailler sur des projets PHP.

Prérequis

Pour suivre ce guide, vous devrez télécharger et installer la version appropriée de Visual Studio Code pour votre exploitation système.

Les instructions de ce guide ont été validées sur un Ubuntu 20.04 ordinateur de bureau, mais ils devraient fonctionner de manière transparente dans toutes les opérations systèmes pris en charge par VS Code. Veuillez noter cependant que les touches de raccourci clavier devront peut-être être légèrement modifiées pour compatibilité avec les systèmes MacOS.

Étape 1 — Installation des extensions PHP VS Code pour un support supplémentaire

Juste après l'installation, VS Code reconnaît déjà le code PHP et aide à la coloration syntaxique, au débogage de base et à l'indentation du code. Ces fonctionnalités conviennent aux modifications rapides ou lorsque vous travaillez avec scripts PHP individuels. Cependant, travailler sur des projets plus importants peut devenir difficile sans plus de contexte autour du code et de la façon dont chaque fichier interagit et s'intègre dans le projet plus vaste.

Il existe un certain nombre d'extensions VS Code qui peuvent vous aider à accélérer votre productivité lorsque vous travaillez sur des projets PHP. Dans ce guide, nous allons installer et mettre en place PHP Intelephense, une extension PHP populaire pour VS Code qui fournit plusieurs fonctionnalités avancées des fonctionnalités telles qu'une complétion de code améliorée, une meilleure navigation entre composants, info-bulles riches en informations au survol de la souris, code automatique formatage et rapport d'erreurs en temps réel basé sur une analyse de code statique.

Ouvrez l'onglet Extensions en cliquant sur la dernière icône dans la barre de menu de gauche ou en appuyant sur CTRL   MAJ   X. Cela fera apparaître un menu de barre latérale avec un champ de recherche et une liste de extensions populaires ou recommandées. Tapez « php » ou « intelephense » pour localisez l’extension PHP Intelephense. Cliquez sur le bouton Installer pour installer et activer l'extension.

Une fois l'installation terminée, la documentation officielle d'Intelephense vous recommande de désactiver l'extension intégrée des fonctionnalités du langage PHP fournie avec Code VS.

Pour désactiver cette extension, tapez @builtin php dans la zone de recherche Extensions pour localiser les extensions PHP intégrées. Cliquez ensuite sur l'icône des paramètres de l'extension PHP Language Features, puis cliquez sur l'option Désactiver dans le menu déroulant.

Si vous avez des fichiers ouverts dans VS Code, vous devrez recharger l'éditeur pour appliquer les modifications.

Vous pouvez installer d'autres extensions en suivant le même processus décrit pour l'extension PHP Intelephense, mais sachez que certains les extensions nécessiteront l'installation d'un logiciel supplémentaire sur votre système. Consultez la documentation de l'extension pour vous assurer que vous avez exigences définies de manière appropriée.

Étape 2 — Importation ou création d'un nouveau projet PHP

Pour importer un projet PHP existant dans VS Code, cliquez sur la première icône dans la barre de menu de gauche ou tapez CTRL   MAJ E pour accéder à l'explorateur de fichiers. Cliquez sur le dossier ouvert et sélectionnez le répertoire de votre projet. Dans le cas où vous créez un nouveau projet, vous pouvez créer un nouveau dossier et le sélectionner comme projet répertoire.

La fenêtre de l'explorateur affichera désormais l'arborescence des répertoires du projet, vous donnant un accès rapide aux fichiers et répertoires de votre projet.

Étape 3 — Personnalisation du thème et de la police de l'éditeur (facultatif)

Bien que cela ne soit pas nécessaire, il est souvent judicieux de personnaliser le l'apparence de votre éditeur pour le rendre plus confortable à utiliser dans à plus long terme. En tant que développeur, vous pouvez passer plusieurs heures chaque jour en regardant un IDE tel que VS Code, et pour cette raison, il est important de assurez-vous que la police de l'éditeur a une taille appropriée et que le contraste est assez pour une bonne lisibilité sans vous fatiguer les yeux trop vite.

Vous souhaiterez peut-être expérimenter différents thèmes et polices afin de trouver une configuration personnalisée qui vous convient.

Changement du thème VS Code

VS Code est livré avec quelques thèmes différents qui vous permettent de changer les couleurs utilisées dans l'interface de l'éditeur et dans la surbrillance du code. Les styles sombre et clair sont inclus par défaut.

Allez dans Fichier -> Préférences -> Thème de couleur ou tapez CTRL   K   T pour sélectionner un thème différent pour VS Code.

Vous pouvez également installer des extensions de thème pour personnaliser davantage l'apparence de VS Code. Si vous recherchez un thème dans l'onglet Extensions (CTRL    MAJ   X), vous trouverez plusieurs extensions de thème dans différents styles et couleurs, y compris les jeux de couleurs portés à partir d'autres éditeurs et plates-formes populaires.

Ajustement de la police

Bien que les paramètres de police VS Code par défaut soient suffisants pour de nombreux utilisateurs, vous souhaiterez peut-être ajuster la taille et le type de l'éditeur police pour une lisibilité accrue.

Si vous souhaitez modifier la taille de la police ou passer à un autre type, vous pouvez aller dans Fichier -> Préférences -> Paramètres, puis choisir Éditeur de texte dans le menu de gauche. Ensuite, cliquez sur Police dans le sous-menu qui s'ouvre. Cette section contient les paramètres de famille de police et de taille que vous pouvez modifier selon vos préférences.

Les modifications sont immédiatement enregistrées et appliquées à tous les fichiers ouverts actuellement.

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!