Raccourcis utiles pour un flux de travail plus rapide dans Sublime Text 3

Sublime Text 3 offre de nombreuses fonctionnalités et raccourcis pour que le codeur moderne puisse jouer. Jetons un coup d'œil sur le plus important qui, à mon avis, renforcera votre flux de travail à un nouveau niveau. Apprenez à utiliser des raccourcis de base, à travailler avec des projets ou à manipuler des onglets souvent sans même cliquer avec votre souris.

Travailler avec des projets

Je connais beaucoup de développeurs qui n'utilisent pas cette fonctionnalité géniale. Quel est votre processus typique si vous travaillez sur un projet? Peut-être quelque chose comme:

  1. Open Sublime Text
  2. Open Finder
  3. Recherche de projet
  4. Faites glisser le dossier dans l'éditeur
  5. Rechercher des fichiers et les ouvrir
  6. Commencer le développement

Pas assez bon. Supposons que vous ayez travaillé sur un dossier hier soir et que vous souhaitiez ce matin poursuivre votre chemin. Le flux de travail que nous avons mentionné est assez inefficace, alors laissez-moi plutôt attirer votre attention sur Projet dans la barre de menu de Sublime Text:

Créer votre premier projet

Chaque projet enregistré a son propre fichier de configuration, donc pour commencer, nous avons besoin de quelque part sur notre système pour stocker tout cela. Commencez par créer un dossier, de la manière à laquelle vous êtes habitué, appelé projets sublimes (par exemple).

Commencez ensuite un nouveau projet, comme d’habitude, en démarrant un nouveau fichier ou dossier dans Sublime. Maintenant, allez à Projet> Enregistrer le projet sous…  Accédez au projets sublimes dossier, donnez un nom à votre nouveau projet et enregistrez-le. 

Obtenir la liste des projets sauvegardés

Pour accéder rapidement à une liste de tous les projets précédents, utilisez le raccourci CMD-CTRL-P. Tapez une requête de recherche pour filtrer la liste, appuyez sur Entrée et vous ouvrirez immédiatement les dossiers et les fichiers de ce projet dans la barre latérale.. 

Vous trouverez votre projet avec des dossiers et des onglets ouverts ou fermés exactement comme vous les avez laissés..

Basculer d'un projet à l'autre est également très simple..

Rechercher des fichiers dans un projet

Je trouve que c'est la plus grande économie de temps de tous les temps. Il est préférable de taper que de cliquer sur lors de la recherche d’un fichier. Ainsi, avec un projet ouvert, appuyez sur CMD-P et obtenez en tapant!

Manipulation des onglets

Les onglets sont un excellent moyen de vous donner un aperçu de votre projet actuel. Le plus souvent, vous utiliserez un onglet pour les fichiers HTML, un autre pour CSS et parfois un dernier pour JavaScript. Avec ces raccourcis rapides, il est possible de créer des onglets vite:

  • CMD-2 - Ajouter deux onglets
  • CMD-3 - Ajouter trois onglets
  • CMD-4 - Ajouter quatre onglets

Maintenant, parcourons tous ces onglets:

  • CMD-ALT-GAUCHE - Aller à la précédente languette
  • CMD-ALT-DROITE FLÈCHE - Aller au suivant languette

Sélection

Je ne suis pas fan de la sélection avec la souris - c'est trop compliqué et trop lent. Par exemple, commencez au début d'un mot, maintenez le bouton de la souris enfoncé et faites-le glisser jusqu'à la fin du mot ou de la ligne. Souvent, vous n'avez pas la sélection que vous vouliez. Utilisez les raccourcis suivants et vous ne serez pas déçu!

Trouver toutes les instances correspondant à votre sélection

Un par un:

Faites une sélection et trouvez, une par une, d'autres instances en appuyant sur CMD-D.

Tout à la fois:

Encore une fois, faites une sélection, mais maintenant pour trouver toutes les instances en une seule frappe CMD-CTRL-G. 

Sélectionnez ligne par ligne

Ici, nous avons sélectionné une ligne entière, et nous pouvons maintenant sélectionner des lignes entières ultérieures, étape par étape, avec CMD-L.

Sélectionner tous les enfants

Cliquez dans un élément avec des éléments enfants. Puis appuyez CMD-SHIFT-J et tous les éléments enfants seront sélectionnés.

Diverses économies de temps

Ce sont quelques autres raccourcis sans lesquels je ne pourrais pas vivre.

Aller à la fonction

Pour rechercher une fonction dans le fichier actuel, appuyez sur CMD-R puis entrez un terme de recherche pour filtrer la fonction que vous voulez trouver.

Copier la ligne actuelle

Cliquez sur la ligne que vous souhaitez copier, puis appuyez sur CMD-SHIFT-D. Maintenant, vous avez une ligne en double, identique dans tous les sens, et le curseur saute avec elle.

Changer de ligne

Frappé CMD-CTRL- ou CMD-CTRL- ↑ changer la position d'une ligne.

Fermeture de la balise HTML actuelle

Si vous écrivez la balise de début  et ne veulent pas le fermer manuellement, puis appuyez sur CMD-ALT-. et Sublime Text le fermera pour vous. Une autre méthode consiste à écrire envergure sans équerres, puis appuyez sur LANGUETTE.

Basculer la visibilité de la barre latérale

Sublime Text a même un raccourci pour masquer et afficher la barre latérale. presse CMD-K-B pour le basculer.

Plusieurs curseurs

Créer plusieurs curseurs

Donc, vous voulez avoir plus d'un curseur? Tenir CMD puis cliquez à l'endroit où vous voulez un deuxième curseur. Vous pouvez répéter le processus et obtenir autant de curseurs que vous le souhaitez..

Faites glisser pour créer plusieurs curseurs

Pour la première technique, vous devez cliquer sur chaque endroit où vous voulez un autre curseur. Mais peut-être avez-vous des lignes où vous voulez un curseur sur chacune d’elles, toutes alignées verticalement. Ne cliquez pas sur chacun séparément, mais sur ALT puis, en maintenant le bouton gauche de la souris appuyé, faites glisser votre curseur vers le haut ou le bas.

Plugin pour Writers: Aperçu de Markdown

Personnellement, j'écris souvent Markdown dans Sublime Text, mais au début je n'avais pas un aperçu de mon document. Puis j'ai trouvé Markdown Preview. 

Pour l'installer, allez dans votre éditeur, appuyez sur CMD-SHIFT-P pour ouvrir le Gestionnaire de paquets, recherchez Contrôle des colis: Installer le paquet, puis chercher Aperçu du démarquageet appuyez sur entrer pour l'installer. 

Maintenant, ouvrez votre fichier Markdown, exécutez le CMD-SHIFT-P raccourci à nouveau et rechercher Réduction - là vous trouverez l'article Aperçu du démarquage: aperçu dans le navigateur. Cliquez dessus et votre navigateur par défaut ouvrira un onglet avec l'aperçu.

Must-Have Plugin: Hayaku

Ce plugin vous aidera à écrire CSS plus rapidement et à ajouter des aides. Hayaku est comparable à Emmet, mais avec beaucoup plus de fonctionnalités en particulier pour les propriétés en CSS.

Abréviations de valeurs CSS intelligentes

Voici quelques exemples d’abréviations de propriété / valeur utilisant Hayaku (hit LANGUETTE exécuter chacun):

  • par  position: relative;
  • mt10 marge supérieure: 10 px;
  • cF  couleur: #FFF;
  • brr  répéter en arrière-plan: répéter;
  • tdn texte-décoration: aucun;

Incrémenter et décrémenter les valeurs avec le clavier

Il est possible d'utiliser le clavier pour incrémenter ou décrémenter des valeurs numériques. Placez votre curseur sur le numéro et utilisez les raccourcis suivants.

  • Incrémenter ou décrémenter la valeur numérique de 0.1: ALT-CTRL- ↑ ou ALT-CTRL- ↓
  • Incrémenter ou décrémenter la valeur numérique de 1: ALT- ↑ ou ALT- ↓
  • Incrémenter ou décrémenter les valeurs numériques de 10: ALT-SHIFT- ↑ ou ALT-SHIFT- ↓

Dernières pensées

Tout le monde devrait apprendre les raccourcis dans les applications de leur choix! Si vous êtes déjà frustré d'avoir à répéter les tâches plusieurs fois, cherchez un raccourci. Si vous en trouvez un, prenez le temps de l’apprendre; il vous remboursera à maintes reprises.

Quels sont vos raccourcis préférés pour Sublime Text 3? Lesquels utilisez-vous quotidiennement?