Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de PhpStorm

Comprendre l'IDE

Testez gratuitement nos 1334 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Après avoir installé PhpStorm, vous allez vous initier à un projet et explorer les différentes options que propose votre IDE (environnement de développement intégré).
07:39

Transcription

Maintenant je vais vous faire une présentation générale de PhpStorm. Donc il est important de noter que PhpStorm est un logiciel en anglais. Donc, ensuite après avoir installé l'IDE, vous devez avoir cette fenêtre qui apparaît. Juste avant il est possible que l'on vous ait demandé si vous souhaitiez utiliser le « came up », donc les raccourcis d'autres IDE, comme « Netbeans » ou « Eclipse ». Donc ça, ça va changer en fait, les raccourcis associés, à PhpStorm et ça va mettre ceux de « Netbeans» ou d'« Eclipse ». Donc, par défaut vous aurez les raccourcis de Netbeans dans PhpStorm. Je vous conseille d'utiliser ceux de base de PhpStorm, car nous allons les modifier juste après. Il n'y a pas d'inquiétude, si vous avez défini ceux de « Netbeans » ou d'« Eclipse », ce n'est pas grave, puisque tout est modifiable. Donc, sur cette fenêtre nous allons créer un projet vide. Pour cela cliquer sur « créer New Project ». Ensuite il nous demande où est-ce que l'on veut installer le nouveau projet ? Du coup je vais l'installer dans « PhpStorm Projects », parce que par défaut vous avez ce dossier-là qui a été créé par PhpStorm lorsqu'il a été installé et c'est dans votre « own directory ». Ici je l'appelle PhpStorm, ici, ensuite vous avez une chose importante. Donc là, vous allez définir la version de Php, que l'IDE doit charger, donc qu'il doit utiliser, en fait. Et qu'il faut savoir que pour les 5.3, par exemple, la version 5.3 de Php vous avez l'apparition de « namespace», pour la 5.4 c'est avec les traits, etc, etc. Donc, en fait, si vous avez défini ici votre version de Php en 5.3 et que vous utilisez la 7, il y a certaines choses que l'IDE ne comprendra pas, c'est pour ça que cette information-là est très importante. Donc là, moi, je suis en 7 et je vais séléctionner 7. Ensuite, vous avez une deuxième liste déroulante, donc là ça c'est l'« interpréteur ». Par défaut on va laisser nos « interpréteurs » et nous verrons dans les prochaines vidéos comment gérer ce paramètre. Ensuite vous faites « create ». Et donc là, nous avons une autre fenêtre qui apparaît. Là, vous avez plusieurs zones dans l'IDE. Tout d'abord vous avez la partie centrale et ici, qui est la partie de l'éditeur à proprement parler, et ensuite vous avez des outils qui [inaudible] de cette interface. Donc, par défaut, dans la zone de gauche vous avez l'onglet « Projet », qui vous permet de visualiser les fichiers et d'en créer un nouveau. de le nommer, etc. Donc ensuite, vous avez d'autres outils. Donc quand vous faites un simple clic ici, vous avez d'autres outils qui apparaissent. Pour ouvrir ce volet, vous pouvez aussi faire deux fois « Commande », si vous êtes sur Mac, ou deux fois « Alt » si vous êtes sur Windows. Donc là, vous avez l'onglet du coup « Structure ». donc lui, il permet d'afficher les méthodes, les propriétés qui sont contenus d'un nouveau fichier Php, JS et même CSS. Ensuite vous avez l'onglet « Favorites » qui permet d'afficher les favoris, les « break points». Nous verrons ce que c'est par la suite. Et aussi les « bookmarks », parce que vous pouvez en fait, bookmarker des fichiers dans PhpStorm. ensuite vous avez l'onglet « Todo », donc lui, il récupère en fait, les commentaires « Todo », qui sont contenus dans l'ensemble de vos fichiers PhpStorm, et ensuite, il vous les affiche ici. Donc, c'est l'ensemble des fichiers qui sont contenus dans votre projet, si vous avez des commentaires avec un Todo, ils s'afficheront ici, en fait. Ça, c'est un outil qui est assez intéressant, puisque souvent dans votre code vous notez des choses que vous allez faire par la suite, et donc ici, vous avez la liste de toutes ces choses. Vous avez même à votre disposition dans PhpStorm un outil qui s'appelle « Terminal ». Donc là, il permet en fait, de faire des lignes de commande directement. par exemple, si je fait « ls-ali », le couloir « Terminal » me répond. Vous avez ici aussi un tableau avec les « log ». Donc là, si par exemple, il y a une erreur, vous n'avez pas le droit de créer avec cette erreur. PhpStorm vous le dira ici en fait. Ensuite vous avez aussi un onglet « Database » qui se trouve ici. Ça, ça vous permet en fait, de connecter directement une base de données. Donc vous pouvez gérer votre base de données directement dans votre IDE. Et pour finir vous avez l'onglet « Remote Host ». Donc là, c'est l'équivalent d'un « FTP ». En bas vous avez une barre donc, d'informations sur le fichier courant. Je vais créer un fichier dans projet. Ici je fais un clic droit « New file » et je vais l'appeler « index.php ». Ici, je vais par exemple, déclarer une simple « variable test », et je vais mettre « test » tout simplement. J'enregistre. Donc ici, vous voyez une barre, en bas. Donc là, c'est une barre qui correspond à votre fichier courant. Dans cette barre vous avez la position du curseur. Donc ici, vous avez la ligne et puis la colonne. Ici, vous avez aussi normalement le séparateur de ligne. Donc, c'est soit « CR », soit « CRLF» si vous êtes sur Windows, ou si vous êtes sur Mac, ou Linux c'est « CR » ou « LF » ça dépend des cas, en fait. Donc là, je suis en « LF » par exemple. Mon fichier est en « LF », mais je pourrai mettre en « CR » ou en « CRLF ». Donc ça, c'est le caractère de fin fichier. Si vous utilisez « guide » par exemple, ça se peut que si vous avez deux configurations différentes, que vous ayez déjà eu des problèmes. Donc par défaut, en fait dans PhpStorm, ça prend le séparateur de lignes, défini dans votre système d'exploitation. Ensuite vous avez aussi l'encollage du fichier. Par défaut ici c'est l'« UTF-8 » quand je crée un fichier. Ensuite vous avez la possibilité ici, de bloquer en fait, l'édition du fichier. Donc là, il dit, non, c'est juste en Read Only. Et ensuite ici vous pouvez définir un niveau pour choisir la véracité de l'affichage d''information, mais ça vous pouvez laisser la configuration par défaut. Ensuite vous avez le nom du fichier courant ici, le nom du projet, ainsi que son chemin sur votre système. Ensuite vous avez ici un menu, avec différents navigateurs, donc si vous cliquer dessus, en fait, ça va lancer le fichier en Expo PhpStorm dans le navigateur sur lequel vous avez cliqué. Ici, moi, je ne dispose sur un système que de Chrome et de Safari. Mais ici vous pouvez du coup mettre l'ensemble de vos navigateurs. Ensuite, vous disposez aussi ici d'un fil d’Ariane. Donc là, vous voyez l'ensemble des dossiers qui composent mon projet. Donc j'ai le « .idea », donc ça, c'est le fichier qui est automatiquement créé par PhpStorm. Et ici vous avez bien mon fichier « index.php ». Maintenant nous allons commencez par un petit raccourci assez simple. Donc sur Mac faites « Ctrl+Shift+A ». Et sur Windows vous pouvez faire « Ctrl+Shift+A ». Donc cela permet de chercher une action que l'IDE peut faire. Donc si vous tapez « Terminal » par exemple, vous avez directement le « Terminal » qui apparaît, donc si vous faites « Entrée », il se lance automatiquement ici. Donc, ça vous permet d'utiliser au maximum votre clavier et d'éviter en fait, d'avoir un clic de souris à faire. Donc ici, c'est un terminal classique et si je fais un « ls-ali » pour lister ce qu'il y a dans mon dossier courant, j'ai bien mon « index.php ». Donc je suis bien dans mon dossier courant de projet. Donc je ferme le Terminal, et si je refais la commande « Shift+A » ou « Ctrl+Shift+A » sur Windows et que je tape « Run commande », par exemple. Ici, je peux lancer un autre outil de commande. Donc si je fais « ls-ali » aussi, j'ai bien mon « ls-ali » qui fonctionne. Ensuite, vous pouvez aller dans « Help ». Donc ici vous avez un petit moteur de recherche, qui vous permet de chercher dans les Menus ici. Donc, si je cherche par exemple, « File » et que je descends, vous voyez que j'ai directement une petite aide qui me permet de dire : « File se trouve ici, dans le Menu Navigate, par exemple, File Structure se trouve ici, etc, etc ... » Donc ça, lorsque vous cherchez une action, vous pouvez directement rechercher dans ce petit bouton, ici.

L'essentiel de PhpStorm

Prenez en main l’environnement de développement PhpStorm et optimisez votre productivité. Découvrez les outils et l’interface, procédez à l’installation, créez des projets, etc.

1h47 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
PhpStorm PhpStorm 2016.2
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :28 nov. 2016
Durée :1h47 (30 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !