Mieux connaître son éditeur

L’éditeur Sublime Text 2 se démarque de Notepad++ par ses commandes efficaces.

Si vous-êtes un utilisateur régulier, prenez quelques minutes pour accélérez votre workflow et découvrez des raccourcis, l’indentation automatique et les snippets (contenu préconfiguré) en quelques minutes.

1. Raccourcis

1.1. Edition

Coder devient plus rapide lorsqu’on a les raccoucis suivants en tête.

Commandes Mac Commandes Windows Actions ⌘ + X Delete line ⌘ + ↩ Insert line after ⌘ + ⇧ + ↩ Insert line before ⌘ + L Select line — Repeat to select next lines * ⌘ + D
then ⌃ + ⌘ + G 
 ( or Alt + F3) Alt + F3 Select word
(Repeat to select others occurrences) Ctrl + M Jump to closing parentheses Repeat to jump to opening parentheses Ctrl + ⇧ + M Select all contents of the current parentheses * ⌘ + K Delete from cursor to end of line * ⌘ + ⌫ Delete from cursor to start of line * ⌘ + ⇧ + D Duplicate line(s) * ⌘ + J Join line below to the end of the current line ⌘ + / Comment/un-comment current line ⌘ + ⇧ + V Paste and indent correctly

1.2. Navigation

Optez pour une navigation éclaire avec ce qui suit.

Commandes Mac Commandes Windows Actions ⌘ + P Quick-open files by name ⌘ + R Goto symbol Goto word in current file Ctrl + G Goto line in current file

1.3. Rechercher et remplacer

Recherchez de manière rapide et efficace.

Commandes Mac Commandes Windows Actions ⌘ + F Find ⌘ + ⌥ + F Replace ⌘ + ⇧ + F 
then ⌘ + E
 Find in files
then insert selected code Ctrl + ⇧ + G Select all words that matches with current one

1.4. Onglets

Naviguez à travers les nomrbeux onglets ouverts

Commandes Mac Commandes Windows Actions ⌘ + ⇧ + t Open last closed tab Ctrl + Tab Cycle up through tabs ⇧ + Ctrl + Tab Cycle down through tabs

1.5. Fenêtres scindées

Pas besoin d’un deuxième écran, Sublime Text 2 affiche plusieurs fenêtre en une seule. L’occasion révée d’avoir un fichier HTML et son CSS correspondant côte à côte.

Commandes Mac Commandes Windows Actions ⌘ + ⌥ + 2 Split view into two columns ⌘ + ⌥ + 1 Revert view to single column ⌘ + ⌥ + 5 Set view to grid (4 groups) Ctrl + [NUM] Jump to group where num is 1–4 Ctrl + ⇧ + [NUM] Move file to specified group where num is 1–4

1.6. Bon à savoir

Trier ses variables dans l’ordre alphabétique est une bonne pratique. Pour le faire simplement, sélectionner le bloc texte et appuyer sur F5

Cmd + Maj + P permet d’ouvrir la ligne de commande de Sublime Text 2. Ceci donne accès à des commandes de sauvegarde “Save”, de fermeture de fichier “Close”, de renommage “Rename” etc.

Ctrl + Cmd + P est le raccourcis de changement de projet

Cmd + Click gauche de la souris pour ajouter un nouveau curseur d’édition

2. Trucs et astuces

2.1. Les Snippets

Les Snippets permettent de préconfigurer un contenu utilisé régulièrement. Ce dernier sera appelé par une commande courte suivi de la touche “Tab”. Dans Tools > New Snippet vous allez voir apparaître le code d’un snippet prérempli.
Modifiez-le pour obtenir le code suivant.

]]>
    font
    font: 1em/1.5 sans-serif;
    source.css

Sauvegarder le fichier avec l’extension suivante .sublime-snippet

Dorénavant, écrire le mot “font” et appuyer sur la touche “tab” dans un fichier CSS donnera automatiquement le code suivant :

font: normal|italic|oblique normal|small-caps normal|bold|bolder|lighter 1em/1.5 sans-serif|serif|monospace;

2.2. La réindentation

Fini les tabulations à répétition pour bien réindenter un code copié puis collé.
La commande pour indenter se trouve dans Edit > Line Reindent

Pour appliquer un raccourci à cette fonction ajouter le code suivant dans Préférences > Key Bindings — User

{ "keys": ["ctrl+i"], "command": "reindent"} //Il faut veiller à ce que le raccourcis ctrl+i soit libre

2.3. Sublime Alignment plugin

Ce plugin améliore la lisibilité du code en réalignant les caractères ciblés.

Installation

  1. Command-Shift-P pour ouvrir la ligne de commandes de Sublime Text 2
  2. Taper “Install” et sélectionner Package Control: Install Package
  3. Lors de l’apparition de tous les packages, taper “Alignment”
  4. Appuyer sur “Entrée” pour installer Sublime Alignment.

Configuration

  1. Ouvrir le fichier de préférences pour Sublime Alignment:
  • Windows
    Preferences > Package Settings > Alignment > Settings — User
  • Linux
    Preferences > Package Settings > Alignment > Settings — User
  • Mac OS X
    Sublime Text 2 > Preferences > Package Settings > Alignment > Settings — User
  1. Copier le code suivant dans le fichier et sauvegarder
  • {
     // The mid-line characters to align in a multi-line selection, changing
     // this to an empty array will disable mid-line alignment
     “alignment_chars”: [
     “=”, “:”
     ]
    }

Utilisation

  1. Sélectionner les lignes à aligner
  2. Ctrl+Alt+A (Windows & Linux) ou Command+Ctrl+A (Mac OS X)