2016
02/Déc

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.

Comment utiliser Sublime text?

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.

Extension Sublime text: SFTP

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é.

Extension Sublime text: SublimeCodeIntel

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.

Extension Sublime text: Bracket Highlighter

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

Sublime text: les thèmes

Material Theme

Sublime text: thèmes

SpaceGray

Sublime text: thème

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 ! 

Utilisation Sublime text: pandaslide

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

Posté par

Titulaire d’un Master de chef de projet multimédia, adepte de l’expérimentation, j’ai occupé diverse

Mathieu Benhalima

Contact Développement web :

Jérémie Dornbusch

jd@1min30.com
07 85 92 87 77





Commenter

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Dépassez les objectifs de votre investissement HubSpot !
Rejoignez notre communauté et donnez-vous les moyens de réussir