Devenir un boss de Sublime Text

Nous avons vu dans un article précédent que Sublime Text était vraiment un outils qui permettait de faire plus ou moins des miracles, si l’on s’habitue à l’utiliser.

Aujourd’hui, nous allons vous expliquer quels sont les raccourcis et les plugins qui, même s’ils ne le sont pas pour l’instant, vont devenir petit à petit complètement indispensable dans votre vie de développeur. D’ailleurs, en étant obligé de revenir sur un éditeur type « Eclipse » récemment, on s’est aperçu que c’était vraiment quelque chose dont on ne pouvait pas se passer.

1/ Les raccourcis claviers

C’était très bref la dernière fois, mais maintenant on va commencer à rentrer dans le vif du sujet. Quels sont les raccourcis que l’on a d’intégrés dans Sublime Text qui vont vous rendre la vie le plus simple possible ?

Tout d’abord, on va commencer par ouvrir un nouveau fichier, en HTML par exemple. Ajoutez un peu de code, genre en pompant un code source d’un site existant. Nous allons prendre celui de Bootstrap

Alors si y’a bien un truc qui peut arriver, c’est de vouloir, par exemple, changer le nom de toutes les classes parce qu’on s’est planté d’une manière un peu moche. Pour ça, rien de plus simpe :

  1. On sélectionne le premier mot de l’occurrence que l’on veut rechercher
  2. On appuie sur « Ctrl + D » une fois, deux fois … etc. Maintenant, on commencer à changer le nom et… hop !

Magique non ? Je trouve aussi. Continuons

Pour avoir plusieurs curseurs, il suffit de faire un ctrl + click. Allez, essayez, vous allez voir que vous pouvez en avoir plein.

Des fois, il arrive que l’on ait besoin qu’on de faire monter une ligne, ou de la faire descendre. Pour cela :

Ctrl + Maj + flèche Haut / flèche bas

Pour inverser deux sélections :

Ctrl + T

Qui a dit que, en HTML, il y a encore besoin de taper des balises ? Essayez juste de faire « h1 » puis tab, par exemple. C’est parti ! Ça marche aussi pour les balises PHP d’ailleurs !

Enfin, n’oubliez pas que vous pouvez faire vos propres raccourcis. Voici les notres :

[
 { "keys": ["super+v"], "command": "paste_and_indent" },
 { "keys": ["super+shift+v"], "command": "paste" },
 { "keys": ["super+shift+r"], "command": "reindent" },
 { "keys": ["ctrl+space"], "command": "auto_complete" },
 { "keys": ["ctrl+space"], "command": "replace_completion_with_auto_complete", "context":
 [
 { "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
 { "key": "auto_complete_visible", "operator": "equal", "operand": false },
 { "key": "setting.tab_completion", "operator": "equal", "operand": true }
 ]
 },
 { "keys": ["ctrl+u"], "command": "soft_undo" },
]

Le dernier est particulièrement indispensable : il permet de faire en sorte d’annuler le dernier « ctrl + D »

Pour les ajouter, rien de plus simple :

Preferences -> Key Bindings - User

Et il suffit de les ajouter, d’overrider les autres !

2/  Les préférences

Parce que l’on peut aussi modifier les préférences dans sublime ! Pour infos, voici les notres :

{
 "bold_folder_labels": true,
 "caret_style": "phase",
 "fade_fold_buttons": false,
 "font_face": "Anonymous Pro",
 "font_size": 13,
 "highlight_line": true,
 "highlight_modified_tabs": true,
 "ignored_packages":
 [
 "Vintage"
 ],
 "line_padding_bottom": 1,
 "line_padding_top": 1,
 "preview_on_click": false,
 "trim_trailing_white_space_on_save": true,
 "wide_caret": true
 }

Dans l’ordre :

  • avoir des dossiers qui sont en gras
  • avoir un caret qui « respire »
  • Avoir les triangles qui changent soft
  • La font
  • La font size
  • mettre en évidence la ligne sur laquelle on est
  • Mettre en évidence les tabs sur lesquels on est
  • Les packages ignorés
  • Le padding entre les lignes
  • preview lorsque l’on clique sur un fichier
  • faire un « trim » lorsque l’on sauvegarder
  • avoir un caret en gras

Autant vous dire qu’avec déhà toutes ces modifications, vous deviendrez une bête… en très peu de temps ! Et la prochaine fois, on vous parlera des plugins !

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s