Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Configuration vscode Par contre pour moodle vous devez d ? abord créer un compte en utilisant votre email école PRENOM NM eduge ch en début d ? année Ensuite les enseignants vous donneront les codes d ? accès aux di ?érents cours disponibles sur la platef

Par contre pour moodle vous devez d ? abord créer un compte en utilisant votre email école PRENOM NM eduge ch en début d ? année Ensuite les enseignants vous donneront les codes d ? accès aux di ?érents cours disponibles sur la plateforme Le suivi de vos compétences pourra se faire au travers de cette plateforme classroom ou google drive Visual Studio Code Microsoft a développé une ligne d ? IDE Integrated Development Environment pour le développement multiplateforme et professionnel Le premier s ? appelle Visual Studio Code et nous l ? utiliserons pour le HTML CSS Javascript Python et Php il est possible que vous utilisiez d ? autres outils pour certains de ces langages Si Visual Studio Code VS Code n ? est pas installé ou si vous voulez le mettre sur votre ordi x https visualstudio microsoft com fr Pour ajouter des fonctionnalités à VS Code cela marche avec des extensions ? qu ? il faut ajouter L ? ajout est très simple et les extensions ont un gros impact sur notre productivité CZ Année Page sur CInstallation des extensions a La zone de management des extensions b Recherche dans les extensions c Cliquer sur install ? pour mettre l ? extension dans VS Code CZ Année Page sur Cd Il est possible d ? activer désactiver les extensions Il y a aussi beaucoup d ? information sur le fonctionnement des extensions dans leur page Extensions à installer Les extensions obligatoires à mettre en place Live Server x Utile pour voir le résultat en live ? du ?chier en cours d ? édition x Rapide à mettre en oeuvre Pour démarrer le serveur CZ Année Page sur C Live Share Extension x Cette extension nous permet de travailler à plusieurs sur le même document Une personne lance un serveur et envoie par email le lien de la session Les autres utilisateurs peuvent rejoindre ensuite et travailler ensemble sur le même document en voyant toutes les modi ?cations automatiquement et directement Live Share a besoin d ? un compte GitHub Voir Section Github CZ Année Page sur C Remote - WSL x Lorsque nous travaillerons sur les serveurs web avec des aspects dynamiques PhP nous utiliserons WSL Windows Subsystem for Linux qui permet de gérer de façon transparente la publication sur le serveur PhPDebug et Php Intelephense x Deux extensions très utiles pour avoir automatiquement des indices de programmation et pour faire le débogage de nos applications web en PhP HTML CSS Support and Intellisense CZ Année Page sur Cx Permet de compléter automatique le nom des classes ou des styles Quelques petites astuces Changement de langage d ? un ?chier En bas à droite il y a la langue du ?chier sur lequel on travaille Il faut parfois le changer manuellement Changement de HTML en PhP CZ Année Page sur CAutomatique obtenir les tags HTML Pour créer un tag HTML comme il su ?t de faire p ? TAB TAB Mettre en commentaire Pour mettre une