Mettre en place VSCode pour travailler !

Pour ma part j'utilise VSCode pour travailler avec Symfony. Il existe d'autres solutions (notamment PHPStorm qui est hélas payant et assez complexe à mettre en oeuvre à mon goût) mais c'est celle que j'ai choisi.

Si vous voulez me suivre et vous aussi utiliser VSCode, il vous faudra installer quelques extensions, ainsi que mettre à jour la configuration.

Extension PHP Intelephense

Elle donne des tonnes d'outils pour travailler en PHP : Autocompletion, formattage du code, import automatique des namespaces etc etc : 

https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client

Extension PHP DocBlocker

Elle permet de générer rapidement des documentation pour les fonctions que l'on créé ! Essentiel pour documenter correctement le code.

https://marketplace.visualstudio.com/items?itemName=neilbrayfield.php-docblocker

Extension Twig Language 2

Elle permet la coloration syntaxique au sein des fichiers .twig que l'on va beaucoup utiliser durant cette formation !

https://marketplace.visualstudio.com/items?itemName=mblode.twig-language-2

Extension PHP Namespace Resolver

Essentielle lorsqu'on travaille avec le système des espaces de noms de PHP (les Namespaces), elle vous permettra de retrouver aisément dans quel espace de noms se trouve telle ou telle classe de Symfony.

https://marketplace.visualstudio.com/items?itemName=MehediDracula.php-namespace-resolver

Extension Simple React Snippets

Une extension pas dégueulasse qui permet de taper rapidement certaines choses récurrentes en React de façon simple (par exemple, la commande imr pour import React from "react" et plein d'autres ...)

https://marketplace.visualstudio.com/items?itemName=burkeholland.simple-react-snippets

Extension Prettier

Une extension qui permettra de formater correctement nos fichiers JS, HTML et CSS

https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Le paramétrage de VSCode :

La seule chose à modifier dans le paramétrage, c'est la possibilité de bénéficier de Emmet au sein des fichiers Twig et des fichiers JS (pour qu'on puisse faire du JSX simplement) !

 Pour ce faire, vous devez rajouter ce paramétrage (menu Fichiers > Préférences > Paramètres > Panneau de droite "Paramètres Utilisateur") :

    "emmet.includeLanguages": {
        "twig": "html",
        "javascript":"javascriptreact"
    },
    "emmet.triggerExpansionOnTab": true

Et voilà, vous devriez être prêt à bosser !