Raccourcis, astuces et techniques Essential TextMate

Même après six ans, TextMate est toujours considéré par beaucoup comme le meilleur éditeur de code disponible pour Mac. La raison en est simple: elle est incroyablement puissante et offre des fonctionnalités que même les plus récents éditeurs ne proposent pas. Ajoutez une communauté de plugins / bundles robuste en plus, et vous obtenez un sacré éditeur de code.

Je vais vous montrer certains de mes raccourcis préférés et astuces aujourd'hui.


1 - Sélectionner le texte verticalement

Option + Drag

Si vous maintenez la Option et faites glisser la souris, vous sélectionnerez verticalement le texte. Cela peut être particulièrement utile lorsque vous devez mettre à jour un bloc de texte..

Par exemple, supposons que nous décidions de supprimer le surplus inutile var mots-clés d'un peu de JavaScript? Avec la sélection verticale, cela ne prend qu'une seconde.


2 - alignement

 Option + Commande +]

De nombreux développeurs préfèrent aligner les symboles dans les tableaux et les objets. Par exemple, plutôt que?

 var kimberly = 'fille de la vallée', omg = 'oh mon dieu!', bieber = 'mon garçon à la maison';

? beaucoup préfèrent:

 var kimberly = 'fille de la vallée', omg = 'oh mon dieu!', bieber = 'mon garçon à la maison';

Cela rend certainement le code plus lisible. Si vous avez aligné manuellement les signes d'égalité, TextMate automatise le processus. Placez le curseur sur l'une des lignes associées, appuyez sur Option + Commande +], et TextMate s'occupera du reste.


3 - Recherche incrémentielle

Contrôle +

Alors que le "popup" standard Commande + f la fonctionnalité de recherche fonctionne, elle est décidément lente. Si vous devez rechercher rapidement un morceau de texte dans la page en cours, utilisez Contrôle + s au lieu d'effectuer une recherche incrémentielle.

Une petite zone de texte apparaîtra au bas de l'écran. Une fois que vous avez ajouté votre requête de recherche, appuyez sur entrer, et vous serez instantanément transporté à la prochaine occurrence de cette séquence sur la page. Pour continuer la recherche, appuyez à nouveau sur Contrôle + s et Contrôle + Maj + s pour continuer en avant et en arrière, respectivement.


4 - Définir les signets

Commande + F2

Une de mes fonctionnalités préférées dans Vim est la possibilité de créer des "signets" dans vos projets. Cela vous permet ensuite de revenir immédiatement à cette ligne de code en appuyant simplement sur une touche..

TextMate offre également cette fonctionnalité. À étoile, ou marquez une ligne de code, placez le curseur sur cette ligne et tapez Commande + F2.

Pour revenir à cette ligne de code (par exemple, après avoir fait défiler la page pour trouver un nom de variable particulier), tapez F2. Si vous avez plusieurs lignes suivies, chaque fois que vous appuyez sur F2, vous serez emmené au prochain emplacement applicable.


5 - Gagnez du temps avec les macros

Option + Commande + m

Imaginons qu'il existe une série d'actions que vous réalisez souvent. Par exemple, si vous trouvez - comme je l'ai fait - que vous modifiez fréquemment le contenu entier d'une balise HTML. Vim offre le toujours pratique, cit commande (changer la balise interne).

Si le kit de codage Zen est installé, vous pouvez taper Commande + D pour obtenir le même effet. Toutefois, si vous oubliez souvent ce raccourci, vous pouvez toujours enregistrer des macros qui répètent toute séquence d'événements autant de fois que nécessaire..

Pour commencer une macro, tapez Option + Commande + M; vous verrez un rouge enregistrement cercle dans la partie inférieure droite de l'éditeur. À ce stade, TextMate écoute maintenant toutes les actions que vous effectuez. Dans notre exemple simple, il suffit de taper Commande + D (balise solde), puis Effacer enlever le texte.

Pour conclure votre enregistrement, tapez à nouveau la même séquence: Option + Commande + M. Vous pouvez maintenant répéter cette séquence à tout moment en tapant Maj + Commande + M.

Notez que lorsque vous créez une macro de cette manière, celle-ci est censée être une solution temporaire. Une fois que vous avez créé une nouvelle macro ou redémarré l’éditeur, vous perdez votre enregistrement. Pour une solution plus permanente, vous devriez suivre # 6 dans cette liste!


6 - Créer des macros permanentes

Contrôle + Commande + m

Plus souvent qu'autrement, vous aurez besoin d'accéder à une variété de macros chaque jour. Vous pouvez enregistrer des macros permanentes de la même manière que dans le n ° 5 de cette liste. Une fois l'enregistrement terminé, tapez Contrôle + Commande + M enregistrer la macro.

Une fois que vous avez terminé, une boîte de dialogue apparaîtra dans laquelle vous pouvez ensuite attribuer une séquence de clés d'activation personnalisée pour une récupération ultérieure..

Je me retrouve souvent en train de taper:

 écho '
'; print_r ($ variable); écho '
';

Créons une macro personnalisée pour faire le travail à notre place. Nous commençons par créer une macro, comme indiqué dans le point 5. Cette macro supposera que notre variable est stockée dans le presse-papier. Tapez l'extrait de code ci-dessus manuellement comme vous le feriez normalement. Quand tu arrives à print_r (), presse Commande + v coller dans le contenu du presse-papier. Une fois terminé, appuyez sur Option + Commande + m pour conclure la macro.

Ensuite, appuyez sur Contrôle + Commande + m pour sauvegarder votre macro; assigner un onglet de déboguer, et vous avez fini!

A partir de maintenant print_r un tableau ou objet, copiez simplement le nom de la variable dans votre presse-papiers et tapez debug + TAB.


7 - Historique du presse-papier

Contrôle + Maj + Commande + v

Beaucoup ignorent que TextMate possède un historique de presse-papiers intégré.

"En appuyant ???V, vous verrez la liste de toutes les coupures précédentes et pouvez choisir celle que vous voulez coller en utilisant les touches fléchées. Utilisez return pour l'insérer et echapez pour ignorer la liste. Si vous fermez la liste, la découpe sélectionnée sera celle qui sera collée la prochaine fois que vous utiliserez la fonction Coller. "

C’est une fonctionnalité extrêmement utile que vous utiliserez constamment!


8 - Exécuter des scripts shell

En plus des extraits simples, TextMate peut également exécuter des scripts shell. Cela signifie que tous les différents services Web sont disponibles pour une utilisation!

Nous allons utiliser mon service Prefixr à titre d'exemple. Il vous permet de mettre à jour automatiquement une feuille de style pour inclure les différentes versions préfixées des nouvelles propriétés CSS3. De cette façon, vous pouvez coder vos feuilles de style en utilisant les versions officielles de chaque propriété recommandées par le W3C, et Prefixr corrigera le problème. pièces manquantes.

Pour vous connecter à l'API HTTP de Prefixr, créez une nouvelle commande dans TextMate..

Contrôle + Maj + Commande + B

Ensuite, ajoutez un nouveau Commander, coller dans le script suivant.

curl -sSd "css = $ TM_SELECTED_TEXT" "http://prefixr.com/api/index.php"

Ceci indique à TextMate d’exécuter un script shell qui effectue une boucle demande à Prefixr.com. Dans la chaîne de requête, il transmet le contenu de ce que l'utilisateur TextMate a sélectionné avec sa souris. Ce contenu est automatiquement représenté, via le $ TM_SELECTED_TEXT variable d'environnement.

Enfin, assignez un raccourci clavier pour exécuter cette commande, et vous avez terminé! Pour l'utiliser, sélectionnez l'intégralité de votre feuille de style (ou une propriété CSS3 unique), puis tapez le raccourci que vous avez spécifié. Votre code sera immédiatement mis à jour en conséquence.

 /* Avant? * / #content border-radius: 5px; box-shadow: 30px; 
 /* Après? * / #content -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 30px; -moz-box-shadow: 30px; box-shadow: 30px; 

Assez chouette, ay?


9 - Saisie automatique

Échapper

La plupart des IDE offrent la possibilité d’autocompléter du code - comme des appels de méthode et des références de variable - généralement en tapant Contrôle + espace. TextMate offre une fonctionnalité similaire, mais via le Échapper clé à la place. Le choix de clé est un peu étrange, mais vous pouvez bien sûr toujours le mapper sur un raccourci différent si vous préférez. Tapez simplement une partie d'un nom de variable ou de méthode, appuyez sur Échapper, et TextMate tentera de compléter le mot pour vous.

Si vous préférez l’autocomplétion à l’échelle du projet, vous pouvez également utiliser Commande +;.


10 - Turbo-charger l'éditeur

Ciar? N Walsh, il y a quelques années, a créé Project Plus, qui améliore TextMate de plusieurs manières, la plus remarquable étant qu'elle remplace la barre latérale élastique, souvent critiquée, par une barre plus traditionnelle..

Il offre également d’excellents badges d’état à suivre - pour les besoins de Git - quels fichiers ont été modifiés depuis la dernière validation..


11 - Changer la langue de la page

Maj + Contrôle + Option + Première lettre du choix de la langue

Selon la langue que vous spécifiez pour une page (définie automatiquement par défaut), vous aurez accès à différentes mises en surbrillance et commandes de syntaxe..

Il y a de fortes chances que vous vous mettiez à jour souvent. Cela peut être fait manuellement en cliquant sur le bouton L bouton en bas de l'éditeur.

C'est un frein cependant. Vous pouvez accélérer les choses en tapant Maj + Contrôle + Option + Première lettre du choix de la langue. Par exemple, si je veux changer le langage de la page en CSS, je tape Maj + Contrôle + Option + C.


12 - Télécharger des ensembles personnalisés

Vous n'êtes certainement pas limité à la douzaine de paquets fournis avec TextMate préinstallés. Il y a une communauté extrêmement robuste; vous pouvez télécharger des bundles et des extensions pour n'importe quel langage imaginable. Une recherche rapide sur GitHub donnera des centaines de résultats.

Télécharger le kit CSS3 TextMate de Nettuts.


13 - Rechercher une commande

Contrôle + Commande + T

Il est indéniable qu'il est très difficile de se souvenir de toutes ces commandes. Plutôt que de revenir à l’utilisation de la souris et des sélections de menu, tapez plutôt Contrôle + Commande + T. Cela fera apparaître une boîte de dialogue vous permettant de rechercher votre commande ou votre extrait souhaité..


14 - Mode plein écran dans Lion

Maintenant que Lion est officiellement disponible pour le public, vous pouvez mettre à niveau TextMate pour fournir un support en plein écran, en utilisant ce plugin..


15 - Ouverture rapide de fichier

Commande + T

Si vous êtes du genre à a besoin Une commutation de fichiers ultra-rapide, TextMate fournit un utilitaire intégré pour l’ouverture de fichiers. presse Commande + T pour l'activer.

Toutefois, si vous préférez quelque chose d'un peu plus robuste et flou, je vous recommande vivement de vous pencher sur PeepOpen, qui fonctionne dans une variété d'éditeurs. En plus de TextMate, je l’utilise aussi dans Vim.

"Recherchez à la fois dans les chemins et les noms de fichiers et ouvrez facilement le fichier dans votre éditeur de texte en appuyant simplement sur une touche. Les métadonnées utiles vous aident à choisir rapidement le fichier que vous recherchez."

  • En savoir plus sur PeepOpen sur Nettuts+

16 - Accès FTP

Un avantage de Espresso et Coda sur TextMate est qu’ils offrent un accès FTP intégré. Cela rend le processus de modification de fichiers sur votre serveur aussi simple que possible. Bien que TextMate n’ait pas de solution native à ce problème, la plupart des développeurs Mac utilisent également la populaire application Transmit de Panic..

Nous pouvons utiliser ces deux applications en tandem pour éditer des fichiers sur nos serveurs. Transmit offre la possibilité de monter un répertoire sur votre ordinateur.

Avec votre répertoire de serveur monté, vous pouvez maintenant l’ouvrir à partir de TextMate. Chaque fois que vous enregistrez un fichier, celui-ci est automatiquement mis à jour sur votre serveur. Une solution élégante à un problème commun!


C'est tout pour le moment!

J'ai à peine rayé la surface du pouvoir de TextMate. Quels sont vos raccourcis et astuces préférés? Laissez-moi savoir dans les commentaires, et je pourrais mettre à jour cet article avec votre astuce!

Plus d'articles TextMate de Nettuts+

  • CodeIgniter Bundle
  • Utilisez les kits TextMate pour augmenter votre productivité
  • Apprenez à devenir un champion TextMate