Published on

Environnement de développement

Authors

Petite présentation de mon environnement de travail sur Windows.

Terminal

J'utilise l'émulateur console Cmder en tant que terminal.

Terminal cmder

Il réunit plusieurs fonctionnalités sympa et en plus est portable, on peut donc l'utiliser sur plusieurs machines sans problèmes afin de retrouver ses propres settings.

On retrouve dessus la plupart des commandes bash (ls, touch, grep, etc...) et aussi l'intégration de git/ssh très utile.

En plus de cela il est possible de le customiser de façon assez avancé pour en faire notre terminal idéal :

  • Ajouter des alias (voir mon article)
  • Changer le thème couleur
  • Définir les raccoucis
  • Choisir quel CLI (Command Line Interface) utiliser dans votre terminal cmder

Sur ce dernier point concernant le CLI il y en a plusieurs à disposition, vous pouvez y accéder via Settings -> Startup -> Tasks :

Options de configuration de cmder

On y retrouve forcément cmder, mais aussi le shell de base de windows (à éviter), powershell, il est même possible de faire en sorte d'utiliser le bash de linux.

En effet vous pouvez activer le mode développeur puis cochez Sous-système Windows pour Linux afin d'avoir accès à un des environnements linux disponible.

activer WSL2 sur windows 10

Une fois coché redémarrez le pc pour terminer l'installation.

Ensuite cliquez sur Add/refresh default tasks toujours dans l'onglet Tasks :

utiliser bash avec cmder

Cmder va se charger lui-même de trouver le bash.exe et d'en définir le chemin.

Il ne reste plus qu'à sélectionner Bash dans l'onglet Startup :

Options de lancement de cmder

Et voilà ! Vous pouvez dès à présent profiter de cet environnement sans avoir à passer par une machine virtuelle ou un boot. A noter qu'il existe pour le moment 5 distributions linux disponibles.

cli cmder avec bash wsl

Cela termine la partie Cmder !

Browser

J'utilise chrome en tant que navigateur et surtout son puissant devtools (F12) que ce soit pour inspecter une interface, débugger du javascript, voir les requêtes échangées.

Avec quelques plugins utiles :

  • Wappalyzer pour check les technos utilisées sur un site.
  • Clear Cache afin d'avoir un vrai refresh avec plus de contrôle sur les data effacées.
  • Postman (must have) qui permet de tester des api de façon assez poussé, avec gestion de profil, token...
  • CSS Peeper pour check le style d'un site, voir les codes couleurs, les images etc...

A noter que la developper dev edition de firefox est aussi bien pensée et n'a plus les problèmes de lenteur qu'il a pu avoir dans le passé. Je l'ai d'ailleurs utilisé pendant la création de mon thème vu qu'il dispose d'outils pour la conception et la création de grilles CSS (css grid).

Éditeur de code

Visual studio est mon éditeur préféré. Développé par la team Microsoft et open source, il est super léger, rapide et possède une tonne de plugins à sa disposition.

Plugins que j'utilise :

Environnement serveur local

En fonction du projet du moment soit j'utilise Laragon en attendant d'être capable de me créer mon propre environement sur Docker.

Quelques fonctionnaylités sympa avec Laragon :

  • Possibilité d'utiliser apache/nginx, mysql/mongoDB, php/nodejs
  • Création auto de pretty urls
  • Création rapide de projets suivant le framework/CMS (laravel, symfon, wordpress)
  • Gère le SSL

Soit j'utilise WSL2 qui est maintenant possible d'utiliser sur w10 comme vu précédemment avec la configuration de cmder.