Ministère de l'éducation, de la culture et de la recherche

de la République de Moldova
Université technique de Moldavie
Faculté d’Ordinateur, Informatique et Microélectronique
Filière francophone “Informatique”

TIDPP

Travail pratique nr.2

Thème:Etudier les possibilités des IDEs

Effectué par l’étudiant de gr FI-181 : Gherman Anastasia

Vérifié par le professeur : Rusu Viorel

Chișinau 2020
But: Faire une étude comparative de deux IDEs (par exemple IntelliJ
Idea vs. Eclipse pour Java): Utilisation d'outils de base. Installez et
utilisez des extensions supplémentaires. Faire des exemples de tests
démonstratifs. Identifier les instruments de chaque IDE. Faire une
analyse comparative.
Les instruments disponibles
WebStorm (JetBrains) Visual Studio Code (Microsoft)

outils d'édition

1) complétion de code intelligente 1) complétion automatique

2) détection d'erreur à la volée 2) coloration syntaxique
outil de débogage

3) on peut déboguer l'application 3) déboguer le code directement

directement dans l'IDE depuis l'éditeur
outil de réingénierie
4) navigation et refactoring TypeScript, CSS et tous les
puissants pour JavaScript, frameworks les plus populaires
4) navigation

outil de gestion de la configuration

5) Utilisez une interface utilisateur 5) Travailler avec Git et d'autres

unifiée simple pour travailler SCM
avec Git, GitHub, Mercurial et
d'autres VCS

outils de gestion du changement

6) Histoire locale
outils de support de méthode

7) Le terminal est également 6) Avec Microsoft Azure, vous

disponible en tant que fenêtre pouvez déployer et héberger vos
d'outil IDE sites React, Angular, Vue, Node,
Python (et plus encore!)
 Utilisation d'outils
1) complétion automatique
VS Code

WebStorm
2) détection d'erreur à la volée
VS Code

WebStorm

3) Navigation
VS Code
 WebStorm

4) Refactoring
VS Code

WebStorm
5) Contrôle de version, Git intégré, le terminal
VS Code
WebStorm

Des extensions supplémentaires

VS Code
 WebStorm

Conclusion :
Le but de ce travail pratique était de comparer deux IDE. On a choisi IDE pour le
development de site web : WebStorm de JetBrains et Visual Studio Code de Microsoft. Au
départ, webStorm a plusieurs outils inclus, par exemple le terminal et le refactoring. La
complétion automatique de WebStorm fonctionne plus confortablement, car elle propose
aussi les type, comme nous le voyons dans l'image pour la classe elle propose les types :
"custom-toggler", "anchor" etc. La détection des erreurs est encore mieux effectuée par
JetBrains, car VS Code n'indique pas l'imbrication incorrecte des balises HTML et une erreur
dans la syntaxe des balises. La navigation est similaire aux deux IDE, mais le code VS
n'affiche pas les flèches qui ne peuvent pas être ouvertes, telles que la flèche d'image. Le
refactoring est effectué uniquement par WebStorm. Comme vous pouvez le voir dans l'image
si nous changeons l'emplacement du fichier, le chemin d'accès au fichier se change
automatiquement. Le contrôle de version fonctionne de la même manière. Travailler avec le
référentiel distant est beaucoup plus confortable avec WebStorm car le terminal est intégré.
Dans VS Code, le terminal est aussi inclus, mais il est plus difficile à trouver. VS Code a
plusieurs extensions disponibles. L'installation d'extensions est facile sur les deux IDE. Mais
toutes les extensions ne fonctionnent pas sur les deux IDE. VS Code et Webstorm peuvent
être facilement personnalisés selon les souhaits de l'utilisateur. Un gros plus de WebStorm
est des nombreux shortcuts, par exemple pour commenter un morceau de code, le mettre en
surbrillance et taper ctrl + /.

Après tout, on peut dire que les deux IDE sont à l'aise pour créer des pages Web. Mais
je choisirais WebStorm, car il a un refactoring, un terminal intégré et indique mieux les
erreurs.