Avant tout, je tiens à signaler que cet article n’est qu’une adaptation de l’article (en anglais) de Web Upd8. Ah oui, et comme d’habitude cette installation a été faite sur une Ubuntu, Maverick Meerkat pour être précis. Adaptez selon votre distribution.

Clientside est une extension de Trent Richardson pour Gedit qui permet de formater et minifier du CSS et JS. Cela vous permettra d’avoir un code CSS/JS propre ou minimal afin que le chargement de vos applications soit plus léger. De plus il permet de valider le JavaScript. Pour l’installer vérifier que les paquets nodejs et php5-cli sont bien installés.

sudo apt-get install nodejs php5-cli

Ensuite on télécharge l’extension sur GitHub. Que ce soit l’archive en compression gzip (.tar.gz) ou en compression zip (.zip) décompressez la dans le dossier /home/utilisateur/.gnome2/gedit/plugins. Si le répertoire plugins n’existe pas, il vous faudra le créer.

Lancez Gedit à présent et allez dans Édition → Préférences. Dans l’onglet Greffons, activez le greffon Clientside puis cliquez sur le bouton Configurer le greffon. À la question How do I call NodeJS ? mettez en minuscule nodejs et à la question How do I call PHP ? mettez php. Quelques captures d’écran pour vous aider, cliquez sur une image pour l’agrandir.

Il ne vous reste plus maintenant qu’à tester ce greffon via les sous-menus de Outils → Clientside avec des fichiers JS et CSS pour voir le rendu.

Voilà c’est tout pour ce tuto, et n’oubliez surtout pas : BI-DOU-ILLEZ !