11 avr. 2015

Installer Sublime EsFormatter

En regardant différents repository JavaScript, notamment sur Github, j'ai pu constater que beaucoup de développeurs utilisent un format de code spécifique dans leur projet. Ceci permet notamment d'améliorer la qualité et la lisibilité du code mais aussi, pour le travail en équipe, d'uniformiser le format des fichiers et d'imposer une structure homogène.

Sur Sublime Text, il existe de nombreux packages permettant de formater le code JavaScript, cependant, je présenterai EsFormatter qui dispose de plus d'option que certains autres plugins.

Installation


Le plugin est accessible sur le repository suivant, sur lequel, la procédure d'installation est décrite. 
Cependant, certaines étapes ne sont pas mentionnées.
Afin d'utiliser le plugin, il faut que NodeJS soit installé et disponible dans le path afin que le plugin puisse accéder à Node.
Il suffit en suite d'installer le plugin tel que décrit dans la partie installation.

Quelques remarques ou problèmes pouvant être rencontrés


Problème de raccourcis clavier : Le raccourci clavier par défaut est "ctrl+alt+f". Certains packages peuvent être mappés sur ce raccourci. Vous pouvez donc changer le raccourci en si besoin.

Sublime Text ne trouve pas NodeJS : Pour résoudre ce problème, il faut indiquer à Sublime Text où trouver NodeJS. Pour ce faire, il faut éditer (où créer si nécessaire) le fichier "Nodejs.sublime-settings" qui se trouve, sous Windows 7+, dans %User%\AppData\Roaming\Sublime Text 2\Packages\User\

Dans ce fichier, il faut indiquer le chemin vers NodeJS :


{

 "node_path": "path_vers_node_js/node.exe"

}

Il faut ensuite redémarrer Sublime Text et ça devrait le faire :)