Visual Studio Code : personnalisation et extensions indispensables

J'utilise désormais Visual Studio Code (VSCode) au quotidien. Cet IDE est assez complet mais nécessite tout de même quelques extensions pour être confortable dans le cadre de développements PHP.

Logo Visual Studio Code

 

Voici un rapide tour d'horizon des extensions qui me sont aujourd'hui indispensables :

  • Beautify : auto-format le code : Javascript, JSON, CSS, Sass et HTML
  • Better Merge : améliore nettement l'affichage des "merge conflict" (Git)
  • Close Unmodified : permet de fermer les fichiers n'ayant pas été modifiés (Git)
  • minify : supprime les espaces, les retours chariots des fichiers Javascript, Css et Html. Pour ma part, je ne l'utilise pas pour l'Html
  • php cs fixer : auto-format du code PHP
  • TWIG pack : support du format de fichier TWIG. J'ai hésité à mettre cette extension dans cette liste car elle est relatviement catastrophique. L'auto-format des fichiers Twig est catastrophique, voire inutilisable. Je la garde simplement pour la coloration syntaxique qui, elle aussi, est loin d'être aboutie. Pour le moment, je n'ai pas trouvé d'extension vraiment opérationnelle pour le support de Twig.
  • VS Color Picker : permet de sélectionner une couleur depuis une palette dans les fichiers CSS
  • vscode-icons : ajoute des icônes dans l'explorateur de fichiers

 

Concernant la personnalisation de l'outil, j'avoue ne pas l'avoir beaucoup poussé :

{
"editor.fontSize": 12, // Défini la taille de police
"workbench.colorTheme": "Monokai", // Thème dark Monokai
"workbench.welcome.enabled": false, // Désactive l'écran de bienvenue
"editor.wordWrap": "on", // Active le retour à la ligne du texte
"terminal.integrated.fontSize": 13, // Défini la taille de police du Terminal intégré
"workbench.iconTheme": "vscode-icons", // Affiche des icônes dans l'explorateur de fichiers
"editor.renderControlCharacters": true, // Affiche les caractères de contrôle
"editor.renderWhitespace": "all", // Affiche les espaces dans l'éditeur
"editor.renderIndentGuides": true, // Affiche les guides d'indentation
"minify.minifyExistingOnSave": true, // Minifie les fichiers à l'enregistrement (Minify)
"editor.minimap.enabled": true, // Affiche un "minimap" de l'éditeur
"php-cs-fixer.executablePath": "C:\\wamp\\bin\\php\\php-cs-fixer.phar", // Config. Php CS FIXER
"php-cs-fixer.config": "C:\\wamp\\bin\\php\\vscode.php_cs", // Config. Php CS FIXER
"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}${separator}${appName}", // Config. titre fenêtre (Chermin du fichier - projet - Visual Studio Code)
"terminal.external.windowsExec": "C:\\cmder\\Cmder.exe", // Défini le Terminal externe
"files.exclude": { // Fichiers exclus lors des recherches / remplacements
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/.DS_Store": true,
"**/vendor": true
},
"explorer.openEditors.visible": 20 // Nombre de fichiers affichés dans la liste des éditeurs ouverts
}

 

Si vous avez des conseils pour optimiser VSCode, n'hésitez pas... je suis tout ouïe ^^

Visual Studio Code : bye bye Netbeans ?

Il y a quelques semaines, j'ai relancé Visual Studio Code (VSCode) pour voir où en était le développement de cet IDE prometteur. Je l'avais testé d'avril à mai 2015 mais malheureusement, de nombreuses fonctionnalités manquaient alors à l'appel.

Logo Visual Studio Code

 

Cela fait maintenant plus d'un mois que j'utilise VSCode au quotidien et force est de constater qu'il répond désormais à quasiment tous mes besoins.

En mai 2015, je listais les points négatifs de VSCode :

  • Pas d'onglets pour les documents ouverts... la navigation par side-bar n'est pas pratique à l'utilisation : désormais, la navigation se fait soit par side-bar, soit par onglets, soit par les deux. Personnellement, j'utilise cette dernière possibilité.
  • Impossible d'ouvrir plusieurs "Projets" en même temps : malheureusement, il n'est toujours pas possible d'ouvrir plusieurs projets en même temps. Mais je ne perds pas espoir que cette fonctionnalité apparaisse à l'avenir.
  • Pas de fonction "Remove Trailing Space" : cette fonctionnalité est désormais présente
  • Pas de conversion auto des "tab" en "space" : idem
  • La coloration syntaxique est austère à en pleurer : depuis quelque temps déjà, il est possible d'ajouter (voire de concevoir) des thèmes de coloration syntaxique. Pour ma part, j'utilise un thème Monokai et j'en suis totalement satisfait (sauf pour les fichiers Twig, mais ce n'est pas bloquant)
  • Pas de fonctionnalités "History" permettant de faire un "revert" d'un clic : l'intégration des outils git est désormais bien plus ergonomique que dans Netbeans.

Comme vous pouvez le constater, les principaux freins qui m'empêchaient de l'adopter sont aujourd'hui levés.

Cependant, quelques points négatifs subsistent :

  • L'auto-formatage n'est pas géré nativement et passe par des extensions (plugins). Or pour les fichiers Twig par exemple, c'est une catastrophe. Je n'ai pas trouvé d'extension qui auto-format les documents correctement.
  • Pour compléter l'IDE, il est nécessaire d'installer pas mal d'extensions. Or, qui dit extensions, dit développeurs tiers. Malheureusement, certaines d'entre elles ne sont pas correctement maintenues quand d'autres sont à la limite de l'utilisable.
  • Je reviens sur ce point qui pour moi est fondamentale lorsqu'on travaille sur des projets imbriqués : il est aujourd'hui encore impossible d'ouvrir plusieurs projets simultanément. Du coup, il m'arrive encore de devoir ouvrir Netbeans ou Notepad2 pour pouvoir bosser efficacement.

Vous l'aurez compris, je suis plutôt satisfait par Visual Studio Code. D'autant plus que cet éditeur est activement développé et s'améliore mois après mois. Il est d'ailleurs très agréable de suivre son évolution au fil des semaines. J'espère simplement que les quelques points négatifs seront rapidement corrigés. Mais relativisons : quel logiciel peut se targuer d'être parfait ? ^^

Visual Studio Code : Pas pour tout de suite

Finalement, je n'aurai pas tenu longtemps avec Visual Studio Code. Pourtant, je me suis fait violence pour l'utiliser. J'aurai tenu un jour et demi. Changer d'IDE est un exercice difficile. Il faut s'approprier le nouvel environnement, le personnaliser, modifier ses habitudes, etc. J'étais motivé, mais plusieurs points m'ont fait revenir à Netbeans. En vrac :

  • pas d'onglets pour les documents ouverts... la navigation par side-bar n'est pas pratique à l'utilisation
  • impossible d'ouvrir plusieurs "Projets" en même temps
  • pas de fonction "Remove Trailing Space"
  • pas de conversion auto des "tab" en "space"
  • la coloration syntaxique est austère à en pleurer
  • pas de fonctionnalités "History" permettant de faire un "revert" d'un clic
  • etc.

 

Visual Studio Code austère

 

Pourtant, l'outil n'est pas dénué d'intérêt et dispose de quelques fonctionnalités bien pratiques (exemple : la sélection multiple d'un mot surligné via Ctrl + F2 ou Ctrl + Shift + F1). Mais cela ne suffit pas à combler les manques d'un IDE tout juste naissant.

Netbeans est très lourd, c'est indéniable. Cependant, il dispose de nombreux atouts :

  • il est stable (pour peu que l'on dispose de suffisemment de RAM)
  • il dispose "out-of-box" de très nombreuses fonctionnalités
  • il dispose d'extensions abouties et parfaitement intégrées

D'autre part, je suis assez attaché aux interfaces "old-school". Ce que j'apprécie dans Netbeans par rapport à ses concurrents ? Il dispose de fenêtres de configuration et surtout, il gère Git du feu de dieu. Bien que je n'utilise pas vraiment les outils de push, commit et add intégrés à Netbeans, je ne peux me passer de l'onglet "History". Il permet de faire des "REVERT" d'un clic.

 

Netbeans : History

 

J'utilise Netbeans HTML5 & PHP depuis sa version 7 et, jusqu'à présent, je n'ai pas trouvé un IDE qui pousse les outils dédiés au PHP aussi loin... si, Komodo IDE mais son tarif prohibitif a littéralement calmé mes ardeurs.

Bref, pour l'instant, Visual Studio Code manque cruellement de fonctionnalités de base et sa coloration syntaxique est beaucoup trop austère à mon goût. Je vais continuer à suivre l'évolution de cet IDE mais pas en tant qu'utilisateur pour le moment.

Netbeans devrait sortir une nouvelle version en juillet. J'espère qu'elle sera plus eye-candy et plus "légère" que la version 8 sans quoi, je pense qu'ils vont finir par perdre des parts de marché !

Visual Studio Code : Premier contact avec le nouvel IDE de Microsoft

J'écris ce billet en même temps que je découvre cet IDE. Il s'agit donc de mes premières impressions en temps réel ! ^^

Visual Studio Code est un nouvel IDE, développé par Microsoft, qui vient tout juste de poindre.

Téléchargeable sur son site dédié, Code s'installe en quelques minutes. A noter, la fenêtre d'installation d'un genre nouveau est plutôt sympathique (je suis très sensible aux belles interfaces). :)

Lire la suite de Visual Studio Code : Premier contact avec le nouvel IDE de Microsoft

Mon IDE du moment : Netbeans (HTML5 & PHP)

J'ai longtemps développé avec Komodo Edit. Malheureusement, le "bridage" de la version gratuite m'a assez rapidement contraint à chercher un autre éditeur. J'aurai bien aimé investir dans une licence Komodo IDE mais la réalité économique est ce qu'elle est.

Je suis donc passé à Netbeans dans sa version "HTML5 & PHP". Au départ à contre cœur, je l'avoue. Après quelques jours et quelques bougonnements, la conclusion s'est pourtant imposée d'elle-même : Netbeans est un très bon IDE.

De mon point de vue, les points forts de Netbeans sont :

  • gestion native du Versioning (Git) : comment s'en passer ?
  • une multitude de plugins pratiques : cf. ci-dessous
  • possibilité d'importer/exporter ses paramètres : INDISPENSABLE lorsqu'on travaille avec plusieurs postes
  • des thèmes "dark" très réussis : je ne supporte plus de développer sur fond blanc
  • personnalisable à souhait : indispensable, surtout pour les raccourcis clavier
  • une grosse communauté d'utilisateurs : pour tout problème, il est relativement aisé de trouver une solution
  • des nouvelles versions régulières : l'outil évolue constamment et positivement
  • gratuit : important en période de "vaches maigres"


Pour l'agrémenter un petit peu, j'ai également installé (entre autres) ces quelques plugins :

  • Show current GIT branch in status bar : pratique pour savoir sur quelle branche on bosse
  • Git toolbar : accès rapide au commande Git
  • Show path in titlebar : chemin du fichier édité dans la bar des titres
  • Redmine NB : gestion des tickets de Redmine intégrée à Netbeans


A vrai dire, le seul reproche que je peux lui faire, c'est sa consommation de mémoire.

J'avoue que j'ai vraiment pris goût à cet IDE. De temps en temps, je relève parfois quelques lenteurs mais rien de vraiment rédhibitoire. Bien entendu, j'ai mis un certain temps à trouver mes marques et à le personnaliser. Il me serait d'ailleurs très difficile de repartir d'un Netbeans "nu" tant j'ai paramétré la bête à mon goût. Et c'est justement là qu'intervient l'export de paramètres. Une fois ses paramètres sauvegardés, plus de stress lors des réinstallations. On importe le fichier de paramètres et le tour est joué.

Bref, j'en suis vraiment satisfait. Netbeans est un excellent IDE qui répond clairement à 100 % de mes besoins. Cependant, je trouvais Komodo Edit plus fluide et mieux foutu. Netbeans fait le boulot mais je le trouve relativement lourd.