Sublime Text : raccourcis et plugins

Sublime Text 2 est un outil merveilleux pour mon quotidien d’intégrateur.

Associé à Zen Coding et à de multiples snippets, raccourcis et plugins, il remplace petit à petit mon Notepad++ et les précédents PSpad, e-texteditor et tutti quanti.

Ses (seuls ?) inconvénients : il n’est pas Opensource, et il est payant ($59 pour une licence perso multipostes).
Note : la version d’essai gratuite est tout à fait utilisable pendant une durée indéterminée.

Voici de quoi commencer en beauté avec cet outil…

RTFM!

La documentation non officielle de Sublime Text : http://docs.sublimetext.info/en/latest/

Raccourcis clavier utiles :

  • Clic molette : sélection verticale
  • Ctrl + Shift + P : Commandes
  • Ctrl + P : Accès rapide aux fichiers
  • Ctrl + G : Accès au numéro de ligne
  • Ctrl + R : Accès direct par terme (par ex liste des sélecteurs en CSS)
  • Ctrl + Shift + D : Dupliquer une ligne
  • Ctrl + Shift + F : Recherche dans les fichiers du projet
  • Ctrl + H : Remplacer
  • Ctrl + X : Supprimer la ligne
  • Ctrl + / : Mettre en commentaires (PHP, HTML, …)
  • Ctrl + D : Sélectionner l’occurrence identique suivante
  • Alt + F3 : Sélectionner toutes les occurrences (génial !)
  • Ctrl + Shift + M : Sélectionner tout entre les parenthèses/accolades
  • Ctrl + PageUp/PageDown : Se déplacer dans les onglets
  • Ctrl + Shift + T : Réouvrir le dernier onglet fermé
  • Alt + Shift + 1/2/3/4/5 : Vues splittées
  • Ctrl + F2 : Placer un signet
  • F2 : Aller au signet suivant
  • Ctrl + KU : Met le texte sélectionné en uppercase
  • Ctrl + KL : Met le texte sélectionné en lowercase
  • F9 : tri par ordre alphabétique

Plugins en tout genre

Indispensable pour commencer :

  • Installer Package Control Plugin via la Console
  • puis Ctrl + Shift + P : sélectionner Install Package et choisir dans la liste suivante…

Plugins intéressants pour intégrateur, par ordre de préférence personnelle :

  • CSSlisible : pour réordonner proprement votre code CSS (ordre des déclarations, indentation), ou tout simplement pour dé-minifier du CSS (Ctrl + Alt + L)
  • Minifier : pour minifier le HTML, CSS et JavaScript avec Ctrl+Alt+M.
  • Hayaku :raccourcis pour propriétés CSS avec la touche Tab (genre de Emmet / Zencoding en mieux !)
  • Prefixr : pour préfixes constructeurs CSS (Ctrl + Alt + X)
  • Caniuse : pour chercher directement la propriété sur Caniuse (Ctrl+Alt+F)
  • CSSLint : pour CSSLint (affichage des erreurs de conception) (Ctrl+Alt+C)
  • ColorHighlighterpour afficher les couleurs CSS dans la source en highlight quand on les focus.
  • Emmet (ex-ZenCoding) avec la touche Tab
  • Tags pour des tas d’outils sur les balises HTML
  • StringEncode : pour (entre-autre) convertir des caractères en entités HTML, par exemple les chevrons de balises, les &, etc.
  • ColorPicker pour afficher la palette couleur système et obtenir le code #hexa avec Ctrl+Shift+C.
  • SublimeLinter pour JSLint avec Ctrl+Shift+J (+Alt)
  • ClosureLinter pour JavaScript Lint avec Ctrl+Shift+J.
  • CodeIntel pour auto-complétion magique PHP, JavaScript, Smarty, Node.js, HTML, HTML5, Ruby, Python etc.
  • GotoCSSDeclaration aller directement à la déclaration CSS depuis HTML (ne fonctionne pas ?)
  • Open-Include pour ouvrir les fichiers mentionnés dans le source avec Alt+D.
  • jQuery pour auto-complétion jQuery
  • Placeholders pour du Lorem Ipsum
  • LESS Sublime pour coloration syntaxique LESS
  • Less-ish Pour écriture à la LESS (variables, mixins)
  • HTMLTidy
  • FTPsync client FTP direct
  • SVN
  • Git

Note : merci à Rodolphe pour la plupart des ressources constituant cette liste.

7 réflexions au sujet de « Sublime Text : raccourcis et plugins »

  1. Bonjour.

    Je lis ceci dans votre article, à propose de Sublime Text :

    « Ses (seuls ?) inconvénients : il n’est pas Opensource, et il est payant ($59 pour une licence perso multipostes).
    Note : la version d’essai gratuite est tout à fait utilisable pendant une durée indéterminée. »

    Et je lis ceci sur la page « https://www.sublimetext.com/buy » :

    « Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. »

    Je suis perdu. La version d’essai est-elle vraiment utilisable pendant une durée indéterminée ?

    Merci de me répondre.

  2. @thierry : SublimeText n’est pas embêtant, tu peux l’utiliser sans licence indéfiniment. De temps en temps, une popup s’ouvre en te demandant d’acheter la licence.
    Franchement, vu la qualité du produit, et par respect envers les auteurs, c’est pas cher payé de leur laisser quelques 10aines d’euros 😉

  3. Bonjour
    seriez-vous comment traduire les menues de sublime text.
    Sur mac j’ai regardé un peu regarder le ressources entre autre dans le dossier en.lproj en espérant trouver un fichier susceptible d’être traduit, mais je ne voies rien d’utilisable.
    Une idée ?

  4. Je le teste car c’est le seul Ide avec un plugin de coloration syntaxique pour les boucles Spip … Mais vraiment, je suis plus à l’aise avec des menus en Francfais !!!

    Et qu’utiles vous maintenant ?

Les commentaires sont fermés.