Raccourcis et astuces pour améliorer votre productivité avec Sublime Text

Sublime Text est sans aucun doute l'un des éditeurs de texte les plus puissants du marché. Le nombre d'utilisateurs satisfaits en témoigne. Si vous l'explorez, vous finirez par voir à quel point ses fonctionnalités puissantes sont magnifiquement cachées derrière une interface simple et élégante.

Si vous utilisez Sublime Text depuis un certain temps, il est maintenant temps de mettre à niveau votre arsenal avec de nouvelles munitions. Je vais vous présenter quelques-uns de mes trucs et astuces préférés. Les connaître pourrait simplement libérer vos pouvoirs cachés en tant que programmeur dans le monde.

Lectures complémentaires sur SmashingMag :

• 50 puissants gains de temps pour les concepteurs Web
• Conseils, outils et astuces de flux de travail puissants pour les concepteurs Web
• Comment garder votre flux de travail de codage organisé

Plugins de texte sublimes

Contrôle des colis

Package Control est une solution unique pour télécharger et gérer les plugins et thèmes liés à Sublime Text. Les instructions d'installation sont disponibles sur le site Web de Package Control.

Une fois installé, vous pouvez y accéder à l'aide de la palette de commandes. Pour installer un plugin, appuyez sur Cmd ⌘ + Shift ⇧ + P (Mac) ou Ctrl ⌃ + Shift ⇧ + P (Windows et Linux), puis entrez Install Package et appuyez sur "Return". La liste des plugins dans le référentiel prend quelques instants à charger, mais vous pouvez ensuite taper le nom du plugin qui vous intéresse et l'installer à partir de là. Certains de mes plugins préférés sont listés ci-dessous.

Améliorations de la barre latérale

La barre latérale par défaut de Sublime Text ne peut effectuer que certaines tâches limitées. Le plugin Sidebar Enhancements suralimente Sublime Text avec des commandes pour ouvrir le fichier dans un navigateur, copier, coller, copier un chemin, dupliquer, supprimer et plus encore.

Tâches simples

Plain Tasks convertit Sublime Text en un puissant gestionnaire de listes de tâches. Vous pouvez l'installer via Package Control. Créez un fichier avec .todo comme extension pour activer les tâches simples par-dessus. Pour d'autres conseils, vous pouvez accéder au didacticiel fourni dans le plugin, disponible dans "Préférences" → "Paramètres du package" → "Tâches simples" → "Tutoriel".

Pour une nouvelle tâche :

• Cmd ⌘ + Return ↵ (Mac)
• Ctrl ⌃ + Return ↵ (Windows et Linux)

Pour marquer comme terminé :

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows et Linux)

Pour marquer comme annulé :

• Ctrl ⌃ + C (Mac)
• Alt + C (Windows et Linux)

Linter sublime

Vérifiez les erreurs dans votre code en utilisant Sublime Linter. Le plugin fournit un cadre pour lisser votre code. Le linter proprement dit est effectué par divers plugins (pour Ruby, Python, JavaScript, etc.), ce qui signifie que vous devez d'abord installer Sublime Linter, puis installer des linters spécifiques à la syntaxe pour votre code. Une documentation complète est disponible.

Emmet

Emmet, autrefois connu sous le nom de Zen Coding, est un outil indispensable pour tout développeur Web. C'est probablement le plugin le plus productif et le plus rapide que vous puissiez trouver.

L'écriture de code prend du temps et les tâches fastidieuses HTML telles que l'écriture de balises et l'emballage de classes avec des guillemets peuvent être ennuyeuses. Emmet s'occupe de tout ça. Il étend comme par magie les abréviations en une structure HTML ou CSS complète. La syntaxe qu'il utilise pour ces abréviations est inspirée des sélecteurs CSS. Regardons-le en action.

Tuteur sublime

Sublime Tutor est un didacticiel interactif intégré à l'éditeur pour les raccourcis clavier dans Sublime Text. Si vous venez de commencer avec Sublime Text, le plugin augmentera instantanément votre productivité en vous enseignant des trucs et astuces astucieux dans l'éditeur lui-même. Le plugin utilise la technique de répétition espacée pour s'assurer que vous vous souvenez des commandes qu'il enseigne.

Utilisez Package Control pour installer le plugin. Une fois installé, vous pouvez accéder au tuteur via le menu "Aide" ou le raccourci clavier Ctrl ⌃ + Alt ⌥ + K

Fonctions de texte sublimes

Aller à n'importe quoi

C'est probablement la commande la plus puissante et la plus utilisée dans Sublime Text. Naviguez facilement dans les fichiers, les dossiers, les symboles et les lignes.

Pour accéder à un fichier :

• Cmd ⌘ + P (Mac)
• Ctrl ⌃ + P (Windows et Linux)

Appuyez sur le raccourci clavier et commencez à taper le nom d'un fichier. Sublime Text effectuera une recherche floue et vous rapportera instantanément le fichier souhaité.

Aller à un symbole :

• Cmd ⌘ + R (Mac)
• Ctrl ⌃ + R (Windows et Linux)

Aller à une ligne :

• Ctrl ⌃ + G (Mac)
• Ctrl ⌃ + G (Windows et Linux)

Pour accéder à une ligne spécifique dans un fichier, tapez deux-points suivi du numéro de ligne ou utilisez le raccourci clavier.

Sélection de mots

• Cmd ⌘ + D (Mac)
• Ctrl ⌃ + D (Windows et Linux)

Placez votre curseur sur un mot, appuyez sur le raccourci clavier et le mot sera instantanément sélectionné. Si vous appuyez à nouveau sur la même combinaison de touches, Sublime Text passera en mode multi-sélection et sélectionnera d'autres instances du même mot dans le document. Vous pouvez utiliser cette méthode pour ajouter ou remplacer rapidement du texte dans toutes les occurrences d'un mot.

• Ctrl ⌃ + Cmd ⌘ + G (Mac)
• Alt + F3 (Windows et Linux)

C'est une autre façon d'obtenir la même chose. Au lieu de rechercher un mot de manière incrémentielle, il effectue une recherche groupée du mot sous le curseur et passe en mode multi-sélection.

Étendre la sélection à la portée

• Cmd ⌘ + Shift ⇧ + Space ␣ (Mac)
• Ctrl ⌃ + Shift ⇧ + Space ␣ (Windows et Linux)

Ce raccourci est extrêmement utile pour les développeurs JavaScript. Il sélectionne la portée actuelle. Appuyez à nouveau sur la même combinaison de touches pour sélectionner sa portée parente. La vidéo explique clairement comment cela fonctionne :

Diviser la sélection en lignes

• Cmd ⌘ + Shift ⇧ + L (Mac)
• Ctrl ⌃ + Shift ⇧ + L (Windows et Linux)

Utilisez ce raccourci pour diviser la zone sélectionnée en plusieurs lignes, mettant Sublime Text en mode multi-sélection. J'utilise cette astuce pour convertir rapidement une liste de mots en un tableau fermé de chaînes.

Sélection de colonne

• Ctrl ⌃ + Shift ⇧ + Up ↑ / Down ↓ (Mac)
• Ctrl ⌃ + Alt + Up ↑ / Down ↓ (Win)
• Alt + Shift ⇧ + Up ↑ / Down ↓ (Linux)

Utilisez ce raccourci pour sélectionner une colonne dans Sublime Text. Placez votre curseur n'importe où dans le document, puis appuyez sur le raccourci pour sélectionner les colonnes vers le haut ou vers le bas. Cela vous amène également en mode multi-sélection, comme les deux commandes ci-dessus.

Sorte

• F5 (Mac)
• F9 (Windows et Linux)

J'aime garder mes propriétés CSS triées par ordre alphabétique. Cette commande est extrêmement utile pour cela. Sélectionnez le bloc que vous devez trier (conseil de pro : utilisez Ctrl ⌃ + Shift ⇧ + J pour sélectionner un niveau d'indentation), puis appuyez sur le raccourci clavier.

Activer la vérification orthographique

• F6

Plus besoin d'être déçu par des erreurs typographiques une fois que le code est passé à l'étape de révision. Utilisez cette touche pour activer rapidement le correcteur orthographique.

Commenter

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows et Linux)

C'est l'un de mes raccourcis les plus fréquemment utilisés. Le marquage des commentaires dans n'importe quel langage de programmation est simplifié grâce à ce raccourci. Dans un fichier HTML, il met une paire de balises <!-- --> , tandis qu'en JavaScript, il met // au début d'une ligne.

Bulle une ligne vers le haut ou vers le bas

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows et Linux)

Vous voulez déplacer un extrait de code de cinq lignes vers le haut ? Couper et coller est vraiment old school. Utilisez ce raccourci clavier pour prendre l'extrait où vous le souhaitez. Appuyez à nouveau sur le raccourci pour continuer à le déplacer vers le haut ou vers le bas.

Dupliquer la sélection

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows et Linux)

Par défaut, ce raccourci duplique la ligne courante et la place sur la ligne suivante. Si vous sélectionnez une région et appuyez sur ce raccourci, il duplique toute la région.

Joindre deux lignes

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows et Linux)

Cela joint la ligne suivante à la ligne courante, en remplaçant tous les espaces blancs entre par un seul espace. Réalisé sur un bloc de lignes, cela joint toutes les lignes ensemble.

Aller au support correspondant

• Ctrl ⌃ + M

Utilisez cette commande pour déplacer votre curseur d'une position de parenthèse à une autre. Ceci est particulièrement utile lorsque vous vous perdez dans une longue méthode et que vous souhaitez atteindre sa position de départ (ou vice versa).

Fermer la balise HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows et Linux)

Utilisez ce raccourci pour fermer la balise HTML actuellement ouverte. Il insère la balise de fermeture correspondante à l'emplacement actuel du curseur.

Rechercher dans le projet

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows et Linux)

C'est l'équivalent grep de Sublime Text. Il trouve un terme dans un projet entier. La particularité de cette commande est qu'elle est extrêmement rapide. Il existe des options pour le rendre sensible à la casse et pour effectuer également une correspondance de regex.

Pour rechercher un terme particulier dans le document actuel, à l'échelle du projet, placez le curseur sur ce terme, puis appuyez sur Ctrl ⌃ + E , ce qui placera ce terme dans la zone de recherche. En appuyant sur le shortcode ci-dessus, le champ de recherche à l'échelle du projet s'affiche avec ce terme.

Basculer entre les onglets

• Cmd ⌘ + Shift ⇧ + [ ou ] (Mac)
• Ctrl ⌃ + Page Up ⇞ ou Page Down ⇟ (Windows et Linux)

Tout comme dans un navigateur Web, vous pouvez ouvrir plusieurs onglets dans Sublime Text. Pour passer d'un onglet à un autre, vous pouvez utiliser les raccourcis indiqués ci-dessus et utiliser Cmd ⌘ + T (Mac) ou Ctrl ⌃ + N (Windows et Linux) pour créer un nouvel onglet.

Palette de commandes

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows et Linux)

Au fur et à mesure que vous maîtriserez Sublime Text, vous voudrez de moins en moins accéder aux menus et à la place, vous pourrez tout faire en quelques pressions sur le clavier. Avec la palette de commandes, vous pouvez taper rapidement une commande, et Sublime Text fera une correspondance approximative avec un ensemble de commandes existant, vous permettant d'accéder aux commandes à partir d'un endroit pratique.

Voici certaines choses que vous pouvez essayer dans la palette de commandes - définissez la syntaxe d'un fichier nouvellement créé, triez les lignes dans le document actuel et installez un plug-in à l'aide de Package Control.

Afficher la console

• Ctrl ⌃ + `

Sublime Text est livré avec un interpréteur Python intégré. C'est un outil pratique pour exécuter des commandes Python ou pour tester rapidement les API de Sublime Text lorsque vous développez un plugin pour l'éditeur.

Sorte

• F5 (Mac)
• F9 (Windows et Linux)

J'aime garder mes propriétés CSS triées par ordre alphabétique. Cette commande est extrêmement utile pour cela. Sélectionnez le bloc que vous devez trier (conseil de pro : utilisez Ctrl ⌃ + Shift ⇧ + J pour sélectionner un niveau d'indentation), puis appuyez sur le raccourci clavier.

Activer la vérification orthographique

• F6

Plus besoin d'être déçu par des erreurs typographiques une fois que le code est passé à l'étape de révision. Utilisez cette touche pour activer rapidement le correcteur orthographique.

Commenter

• Cmd ⌘ + / (Mac)
• Ctrl ⌃ + / (Windows et Linux)

C'est l'un de mes raccourcis les plus fréquemment utilisés. Le marquage des commentaires dans n'importe quel langage de programmation est simplifié grâce à ce raccourci. Dans un fichier HTML, il met une paire de balises <!-- --> , tandis qu'en JavaScript, il met // au début d'une ligne.

Bulle une ligne vers le haut ou vers le bas

• Cmd ⌘ + Ctrl ⌃ + Up ↑ / Down ↓ (Mac)
• Shift ⇧ + Ctrl ⌃ Up ↑ / Down ↓ (Windows et Linux)

Vous voulez déplacer un extrait de code de cinq lignes vers le haut ? Couper et coller est vraiment old school. Utilisez ce raccourci clavier pour prendre l'extrait où vous le souhaitez. Appuyez à nouveau sur le raccourci pour continuer à le déplacer vers le haut ou vers le bas.

Dupliquer la sélection

• Cmd ⌘ + Shift ⇧ + D (Mac)
• Ctrl ⌃ + Shift ⇧ + D (Windows et Linux)

Par défaut, ce raccourci duplique la ligne courante et la place sur la ligne suivante. Si vous sélectionnez une région et appuyez sur ce raccourci, il duplique toute la région.

Joindre deux lignes

• Cmd ⌘ + J (Mac)
• Ctrl ⌃ + J (Windows et Linux)

Cela joint la ligne suivante à la ligne courante, en remplaçant tous les espaces blancs entre par un seul espace. Réalisé sur un bloc de lignes, cela joint toutes les lignes ensemble.

Aller au support correspondant

• Ctrl ⌃ + M

Utilisez cette commande pour déplacer votre curseur d'une position de parenthèse à une autre. Ceci est particulièrement utile lorsque vous vous perdez dans une longue méthode et que vous souhaitez atteindre sa position de départ (ou vice versa).

Fermer la balise HTML

• Cmd ⌘ + Opt ⌥ + . (Mac)
• Alt + . (Windows et Linux)

Utilisez ce raccourci pour fermer la balise HTML actuellement ouverte. Il insère la balise de fermeture correspondante à l'emplacement actuel du curseur.

Rechercher dans le projet

• Cmd ⌘ + Shift ⇧ + F (Mac)
• Ctrl ⌃ + Shift ⇧ + F (Windows et Linux)

C'est l'équivalent grep de Sublime Text. Il trouve un terme dans un projet entier. La particularité de cette commande est qu'elle est extrêmement rapide. Il existe des options pour le rendre sensible à la casse et pour effectuer également une correspondance de regex.

Pour rechercher un terme particulier dans le document actuel, à l'échelle du projet, placez le curseur sur ce terme, puis appuyez sur Ctrl ⌃ + E , ce qui placera ce terme dans la zone de recherche. En appuyant sur le shortcode ci-dessus, le champ de recherche à l'échelle du projet s'affiche avec ce terme.

Basculer entre les onglets

• Cmd ⌘ + Shift ⇧ + [ ou ] (Mac)
• Ctrl ⌃ + Page Up ⇞ ou Page Down ⇟ (Windows et Linux)

Tout comme dans un navigateur Web, vous pouvez ouvrir plusieurs onglets dans Sublime Text. Pour passer d'un onglet à un autre, vous pouvez utiliser les raccourcis indiqués ci-dessus et utiliser Cmd ⌘ + T (Mac) ou Ctrl ⌃ + N (Windows et Linux) pour créer un nouvel onglet.

Palette de commandes

• Cmd ⌘ + Shift ⇧ + P (Mac)
• Ctrl ⌃ + Shift ⇧ + P (Windows et Linux)

Au fur et à mesure que vous maîtriserez Sublime Text, vous voudrez de moins en moins accéder aux menus et à la place, vous pourrez tout faire en quelques pressions sur le clavier. Avec la palette de commandes, vous pouvez taper rapidement une commande, et Sublime Text fera une correspondance approximative avec un ensemble de commandes existant, vous permettant d'accéder aux commandes à partir d'un endroit pratique.

Voici certaines choses que vous pouvez essayer dans la palette de commandes - définissez la syntaxe d'un fichier nouvellement créé, triez les lignes dans le document actuel et installez un plug-in à l'aide de Package Control.

Afficher la console

• Ctrl ⌃ + `

Sublime Text est livré avec un interpréteur Python intégré. C'est un outil pratique pour exécuter des commandes Python ou pour tester rapidement les API de Sublime Text lorsque vous développez un plugin pour l'éditeur.

Gardez à l'esprit que cet interpréteur est fourni avec Sublime Text et qu'il est différent de Python installé sur votre système. Le but de cette console est d'interagir avec l'API de Sublime Text pour les plugins. Vous avez probablement utilisé cette console lors de l'installation de Package Control.

Pour savoir ce qui peut être fait en utilisant l'API du plugin de Sublime Text, consultez la documentation.

Mode sans distraction

• Cmd ⌘ + Ctrl ⌃ + Shift ⇧ + F (Mac)
• Shift ⇧ + F11 (Windows et Linux)

Pour les écrivains et autres qui doivent pouvoir se concentrer intensément, Sublime Text a une interface encore plus minimaliste. Utilisez le raccourci pour activer et désactiver le mode sans distraction.

Aide de ligne de commande de texte

Sublime Text comprend un outil de ligne de commande qui facilite le travail avec les fichiers sur la ligne de commande. Pour le faire fonctionner sur un Mac, vous devez le rendre disponible dans votre shell.

En supposant que vous avez placé Sublime Text dans le dossier "Applications" et que vous avez un répertoire ~/bin dans votre chemin, vous pouvez exécuter ce qui suit :

 ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" ~/bin/sublime 

Pour l'utiliser comme éditeur par défaut pour les commandes qui demandent une entrée (comme git commit ), définissez la variable d'environnement de l' editor .

 export EDITOR='sublime -w'

Sous Windows, vous pouvez utiliser subl.exe de la même manière.

Conclusion

Sublime Text regorge de raccourcis et de commandes aussi puissants. Vous ne pourrez probablement pas vous en souvenir simplement en parcourant cet article ; vous devrez plutôt vous entraîner au fur et à mesure que vous le traverserez. Énumérez les raccourcis les plus utiles pour vous-même et consultez-les régulièrement lorsque vous travaillez avec Sublime Text. La pratique est la clé. Vous êtes sur le point de devenir un ninja Sublime Text.