Cinq extensions indispensables pour Sublime text

Sublime text est un éditeur de code largement utilisé par les experts en développement web. Ce qui fait sa force est son système d’extension : vous pouvez lui ajouter ce que bon vous semble, à la manière d’un CMS (wordpress, prestashop, etc.). Le débat restera éternel quant au meilleur éditeur. Certains préféreront Phpstorm qui dispose d’un grand nombre de fonctionnalités déjà intégrées, d’autres favoriseront Bracket pour son livre preview ou même Atom qui semble très prometteur. Mais ce débat n’a pas sa place ici. Nous allons parler de Sublime text et des 5 extensions indispensables qui vous faciliteront grandement la vie.

Installer un package (extension) sur Sublime text

La première étape est de comprendre comment ajouter une offre aussi abondante.

Une fois sur Sublime text, appuyez simultanément sur « Ctrl » et « + » ou cliquez dans le menu sur « View > Show Console ». Vous devriez voir apparaître la console.

Copiez et collez y le code suivant :
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'https://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Vous avez désormais accès à la liste de tout les packages. Pour cela, appuyez sur « Ctrl » + « Shift » + « P »  puis cliquez sur « Install Package » et entrez le nom que vous recherchez.

SFTP

SFTP vous permet très simplement de relier un serveur FTP à un dossier. Ainsi, dès que vous sauvegardez, vous envoyez le fichier sur le serveur FTP : c’est très pratique et évite des allers-retours entre les fenêtres.

A découvrir ici

SublimeCodeIntel

SublimeCodeIntel vous aide au quotidien en donnant des informations sur les fonctions que vous utilisez et vous propose toutes les fonctions disponibles avec le code que vous avez déjà tapé.

A découvrir ici

Prettify

C’est mon extension préférée. D’un simple raccourci clavier (« Ctrl » + « Shift » + « h ») il va indenter, supprimer les espaces inutiles, et réorganiser votre code de manière lisible !

A découvrir ici

Bracket Highlighter

Ce package vous indique quand vous cliquez sur une « div » ou bien sur une balise ouvrante, celle qui va la fermer.

A découvrir ici

Live Reload

Live Reload, comme son nom l’indique, rafraîchit automatiquement la page dès que vous sauvegardez un fichier. Vous l’aurez compris, couplé avec SFTP, cela procure un gain de temps considérable. D’une simple sauvegarde (« Ctrl » + « s ») vous verrez vos modifications en temps réel (le mieux est d’avoir deux écrans, un pour coder et un pour voir vos modifications).

A découvrir ici

Les thèmes

Les thèmes font partie intégrante de Sublime Text. Qui n’aimerait pas customiser sont environnement de travail ? C’est ce que vous proposent certains plugins dont voici une petite sélection :

Facebook Material Theme

Material Theme

SpaceGray

Vous pouvez retrouver l’ensemble des packages développés par la communauté ici. Bien d’autre packages ont leur place ici (Emmet, Git, etc). Il y en a pour tout les goûts et vous trouverez sûrement votre bonheur !

Suivez bien les instructions présentées dans chaque page d’information des packages. Certains sont plus difficiles que d’autres à installer (notamment les thèmes). 

Vous n’avez plus qu’a vous lancer ! 

Si cet article vous a plu, nous vous invitons à découvrir notre agence developpement web et à télécharger notre livre blanc « Les 11 commandements d’un site internet qui convertit vos visiteurs en clients »

Mathieu Benhalima

Titulaire d’un Master de chef de projet multimédia, adepte de l’expérimentation, j’ai occupé diverses fonctions chez Schneider Electric et Indexel pendant mes années d’études en alternance : technicien du web, administrateur réseau, intégrateur. J’ai aujourd’hui trouvé ma voie : développeur web. Recruté en 2015 par 1min30, je suis le référent technique et le responsable qualité des sites produits par l’agence. J’anime maintenant une équipe de développeurs. Veilleur infatigable, je suis à l’affût de toutes les nouveautés et travaille en osmose avec les chefs de projet. Vous souhaitez un site performant ? Une infographie animée utilisant les dernières technologies ? Je serais ravi de partager avec vous vos objectifs et de mettre en place la meilleure solution. Contactez-moi et avançons ensemble, ensemble construisons le web de demain.