2016
02/déc

Cinq extensions indispensables pour Sublime text

Sublime text est un éditeur de code largement utilisé par les dévelopeurs. 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.

Sans-titre-1

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( 'http://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. 

Sans-titre-1

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

Sans-titre-5

A découvrir ici

Prettify

C'est mon extension préférée. D'un simple raccourçi 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.  

Sans-titre-3

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

6af36aaccf7223f1197722c7c4ee3e033e4aa1d1

Material Theme

4db1efeb44fd6fb00332a28f3228db7eefc0769e

SpaceGray

a0b57c3d90be54892fa645dab621920bfe69ca7e

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 ! 

pandaslide_01_800x600

Si cet article vous a plu, je vous invite à télécharger notre livre blanc "Les 11 commandements d'un site qui convertit vos visiteurs en clients" et à contacter notre agence web.

Mathieu Benalhima

Posté par Mathieu Benhalima

Titulaire d’un BTS SIO et 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 lire la suite...

Mathieu Benalhima

Contact Création de site :
Mathieu Benhalima

mb@1min30.com
0679842505

Comment toucher les lecteurs de votre blog avec des contenus pertinents et séduisants?

Annonceurs, voici trois raisons pour ne pas organiser de compétition d'agence

Pas de commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *