3 - Accéder à la palette de commandes

Semblable à TextMate, nous pouvons utiliser la palette de commandes de Sublime en accédant à la Outils menu ou en appuyant sur Maj + Commande + P, sur le Mac. Que vous ayez besoin de visiter une page de préférences ou de coller un extrait, tout cela peut être accompli ici.

4 - Changement de fichier rapide comme l'éclair

presse Contrôle ou Commander + P, tapez le nom du fichier auquel vous souhaitez accéder (chercheur flou), et sans même appuyer sur Entrer, vous serez instantanément transporté dans ce fichier. Bien que Vim et des applications comme PeepOpen offrent une fonctionnalité similaire, elles ne sont pas aussi rapides que l'implémentation de Sublime..

5 - Comment avons-nous survécu avant la multi-sélection?

Des éditeurs comme TextMate proposent depuis longtemps une sélection verticale, ce qui est très soigné. Mais, avec la sélection multiple, vous pouvez avoir plusieurs curseurs sur la page. Cela peut réduire considérablement le recours aux expressions régulières et aux requêtes de recherche avancées et de remplacement. Peut-être qu'une rapide démonstration visuelle est en ordre…

Pour activer la multi-sélection, vous avez plusieurs options:

• presse Alt ou Commander puis cliquez dans chaque région où vous avez besoin d'un curseur.
• Sélectionnez un bloc de lignes, puis appuyez sur Maj + Commande + L.
• Placez le curseur sur un mot particulier et appuyez sur Contrôle / Commande + D à plusieurs reprises pour sélectionner des occurrences supplémentaires de ce mot.
• Vous pouvez également ajouter un curseur supplémentaire à tout occurrences d'un mot en tapant Alt + F3 sous Windows ou Ctrl + Commande + G sur le Mac. Incroyable!!

6 - Guides de retrait

Mise à jour: cette fonctionnalité est maintenant préinstallée avec Sublime Text 2.

C'est une petite fonctionnalité, mais j'ai toujours aimé la façon dont Notepad ++ sous Windows affiche les guides de retrait. cela facilite beaucoup la navigation et le formatage de la page. Sublime Text 2 offre cette possibilité via un plugin créé par Nikolaus Wittenstein.

Pour intégrer ce plugin:

• Télécharge le
• Renommez le dossier en "Guides de retrait" et faites-le glisser dans le dossier. Paquets dossier. Sur un Mac, ce chemin serait Application Support / Sublime Text 2 / Packages

7 - Contrôle des colis

Les étapes décrites dans le conseil précédent (n ° 6) sont un peu fastidieuses, n'est-ce pas? Au lieu de cela, nous pouvons installer l'excellent Sublime Package Control, qui rationalise l'ensemble du processus..

Pour installer «Package Control», ouvrez Sublime et appuyez sur Contrôle + '. Ensuite, collez l'extrait suivant dans la console.

 import urllib2, os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) sinon os.path.exists (ipp) sinon Aucun; ouvert (os.path.join (ipp, pf), 'wb') .write (urllib2.urlopen ('http://sublime.wbond.net/'+pf.replace (",'% 20 ')). read ())

Ne vous inquiétez pas si vous ne comprenez pas le code ci-dessus; il suffit de copier et coller!

Enfin, redémarrez Sublime Text et naviguez jusqu’à Préférences -> Paramètres du paquet. Si l'installation a réussi, vous verrez maintenant un Contrôle des colis article dans cette liste.

Avec Package Control installé, l'ajout de nouveaux plugins et fonctionnalités devient incroyablement simple.!

Pour un exemple d'utilisation, reportez-vous à l'élément suivant de cette liste..

8 - alignement

Si vous êtes du genre à préférer aligner vos signes d'égalité - par exemple, dans votre JavaScript…

// Avant var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid'; // Après var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid';

… Ce processus peut être automatisé, via le plugin Sublime Alignment. Plutôt que de le télécharger et de l'installer manuellement, utilisons plutôt le contrôle de package (décrit au n ° 7)..

• presse Maj + Commande + P
• Tapez "install" pour afficher l'option "Package Control: Install Package" et appuyez sur Entrée
• Recherchez "Alignment" et appuyez sur Entrée pour l'installer..
• Vous avez terminé; si facile! Type Maj + Commande + A aligner automatiquement.

Ce processus peut être répété pour tous les plugins typiques que nous installons, tels que Zen Coding..

9 - Vim Fanatic

Je suis un grand fan de Vim. La quantité d'énergie fournie est insensée. Le fait que je suis passé à Sublime Text 2 devrait en dire long alors!

Si vous utilisez une version de développement de Sublime Text (voir n ° 2 dans cette liste), vous pouvez activer le mode Vintage, qui fournit une prise en charge des commandes Vi que nous connaissons et aimons - d'accord… certains d'entre nous amour. Le reste d'entre vous le déteste! :)

Pour activer le mode Vintage, accédez à Préférences / Paramètres globaux - Par défaut. Une fois ce fichier ouvert, naviguez jusqu’au bas et modifiez "ignored_packages": ["Vintage"] à "ignored_packages": []. Ensuite, redémarrez Sublime, appuyez sur la touche Échapper touche, et, tada: mode de commande!

Bloquer le curseur

Vous remarquerez peut-être que, en mode commande, il peut être difficile de trouver le curseur (en particulier lorsque vous tirez parti d'éléments tels que les signets). À plus d'une occasion, je me suis retrouvé à essayer de traquer son emplacement.

Bien que ce ne soit pas une solution parfaite, un plugin, appelé "SublimeBlockCursor", tente de remédier à ce problème..

Remarque: Bien que le readme indique que SublimeBlockCursor peut être installé, je n’ai pas pu le trouver via Package Control. Au lieu de cela, je devais cloner le projet manuellement dans le Paquets dossier.

10 - Montage sans distraction

Parfois, nous avons besoin de filtrer toutes les peluches supplémentaires qui entravent notre codage. Utilisez "Mode sans distraction" pour aller aussi loin que possible dans cette idée. Cette option est disponible via le Vue menu. Sélectionnez "Entrer en mode sans distraction" ou utilisez le raccourci clavier Mac., Contrôle + Maj + Commande + F.

11 - Vous pouvez toujours utiliser les bundles TextMate

Les extraits de code et les thèmes TextMate sont parfaitement compatibles avec Sublime Text. Il vous suffit de les déposer dans le dossier Packages -- .tmbundle extension intacte, et Sublime reconnaîtra les fichiers. Cela signifie que tout le catalogue de thèmes TextMate fonctionnera dans Sublime!

Par exemple, je travaille un peu avec le moteur de modélisation Slim (fantastique) et j’ai eu besoin d’une meilleure mise en évidence de la syntaxe. Fred Wu a créé un paquet pour TextMate, mais, tada, cela fonctionne également parfaitement dans Sublime Text! Si cela vous intéresse, vous pouvez télécharger le kit Slim ici; il comprend des extraits et la coloration syntaxique.

12 - Thèmes personnalisés

Le thème par défaut de Sublime Text est excellent, mais je préfère de loin un thème personnalisé, sombre et clair, Soda, créé par Ian Hill..

Installation

Tiré de la page Github…

"Si vous êtes un utilisateur git, le meilleur moyen d'installer le thème et de le mettre à jour est de cloner le référentiel directement dans votre répertoire Packages dans la zone des paramètres de l'application Sublime Text 2."

Utiliser Git

Accédez à votre répertoire Paquets Sublime Text 2 et clonez le référentiel de thèmes à l'aide de la commande ci-dessous:

 Git Clone https://github.com/buymeasoda/soda-theme/ "Thème - Soda"

Télécharger manuellement

• Téléchargez les fichiers en utilisant l’option de téléchargement GitHub .zip.
• Décompressez les fichiers et renommez le dossier en Thème - Soda
• Copiez le dossier dans votre répertoire Packages Sublime Text 2.

Activer le thème

Pour configurer Sublime Text 2 pour utiliser le thème:

• Ouvrez le fichier de préférences globales de l'utilisateur Sublime Text 2: Sublime Text 2 -> Préférences -> Paramètres généraux de l'utilisateur
• Ajoutez (ou mettez à jour) votre entrée de thème en "thème": "Soda Light.sublime-theme" ou "thème": "Soda Dark.sublime-theme"

Exemple de paramètres globaux utilisateur

"thème": "Soda Light.sublime-theme"

13 - page rampante

Sublime Text nous fournit différentes méthodes pour interroger une page (en dehors des fonctions de recherche standard)..

Les fonctions

Besoin d'un moyen rapide de naviguer vers une fonction ou une méthode spécifique?

Type Contrôle / Commande + r pour révéler un popup qui permet cette chose même (remarquez le @ symbole)! Mieux encore, la recherche est floue, ce qui est particulièrement utile pour les classes énormes..

HTML

Que faire si vous souhaitez passer immédiatement à une partie spécifique d’une page HTML - par exemple, à la div avec une classe de récipient. Type Contrôle / Commande + p, puis #, et vous verrez instantanément un arbre de votre document.

Aller au numéro de ligne

Pour passer rapidement à un numéro de ligne spécifique de la page, vous pouvez appuyer sur Contrôle + g. Cependant, vous remarquerez que, encore une fois, cela tire cette palette (Contrôle / Commande + p) et en joignant le : symbole. Ceci est adopté de Vim.

Cela signifie, en plus de Contrôle + g, vous pouvez aussi taper, Contrôle / Commande + p, et alors :NUMÉRO DE LIGNE.

14 - Récupérer les fichiers distants avec facilité

Disons que vous êtes un fan de Normalize.css. Peut-être que vous le téléchargez et le sauvegardez dans un extrait, ou que vous stockez la feuille de style elle-même dans un dossier de ressources. De cette façon, pour les projets futurs, il suffit de copier et coller.

Comme nous l'avons tous découvert, le seul problème de cette méthode est que, si quelques mois se sont écoulés, il est plus que possible que l'actif (dans ce cas, Normalize.css) ait été mis à jour par le créateur. Vous avez donc le choix entre utiliser la version obsolète de Normalize, maintenant obsolète, ou, encore une fois, revenir à la page GitHub et en extraire une nouvelle copie. Tout cela semble fastidieux.

Créé par Weslly Honorato, Nettuts + Fetch est la solution à notre dilemme. Il peut être installé via Package Control.

Usage

Vous utiliserez seulement deux commandes lorsque vous travaillerez avec Fetch. Premièrement, nous devons enregistrer certaines références de fichiers. Encore une fois, ouvrez la palette de commandes et recherchez "Fetch". Pour l'instant, choisissez "Gérer les fichiers distants".

Ce qui est génial avec Sublime Text 2, c'est que la configuration est incroyablement simple. Pour assigner des références à des fichiers d'actifs en ligne, il suffit de créer un objet, comme ceci (ne vous inquiétez pas; un objet sera pré-rempli pour vous après l'installation):

Donc, pour récupérer la dernière copie de jQuery (si vous ne voulez pas utiliser de CDN):

"fichiers": "jquery": "http://code.jquery.com/jquery.min.js"

En savoir plus sur l'utilisation de Nettuts + Fetch.

15 - Plugin Prefixr

Construit par Will Bond (créateur de Package Control), le plug-in Nettuts + Prefixr vous permet de mettre à jour automatiquement votre feuille de style dans son intégralité pour inclure la prise en charge de tous les préfixes de fournisseurs CSS3 requis. De cette façon, vous n’avez jamais à visiter le site Web lui-même; vous tapez simplement une commande au clavier et:

.box border-radius: 10px; boîte-ombre: 0 0 5px rgba (0,0,0, .4); 

… Sera converti en:

.box -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba (0,0,0, .4); -moz-box-shadow: 0 0 5px rgba (0,0,0, .4); boîte-ombre: 0 0 5px rgba (0,0,0, .4); 

Usage

Une fois installé (via Package Control), sélectionnez votre feuille de style (ou un seul bloc), appuyez sur ctrl + alt + x sous Windows et Linux, ou cmd + ctrl + x sur OS X, et le code sera instantanément exécuté via le service Web Prefixr.

16 - Lancez Sublime depuis le terminal

Sublime Text 2 comprend un outil de ligne de commande, subl, pour travailler avec des fichiers en ligne de commande. "

Pour l'utiliser, créez un lien symbolique vers l'outil.

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

Aussi longtemps que ~ / bin est sur votre chemin, cela devrait faire l'affaire!

cd myProject subl .

Référez-vous ici pour des instructions supplémentaires.

17 - Format automatique HTML

Curieusement, la possibilité de formater automatiquement le code HTML n’est pas incluse dans la construction par défaut de Sublime Text. Le plugin Tag, entre autres, des espoirs de fournir une solution, cependant, en raison de quelques lacunes - notamment en ce qui concerne les commentaires HTML - il est insuffisant.

Le plugin Tag peut être installé via Package Control.

Pour tester ses compétences de mise en forme automatique, le code HTML suivant:

        
salut
 
Au revoir
  

… Sera remplacé par:

      
salut
 
Au revoir
  

Beurk ça a l'air pire que ça. De mes tests, il ne place pas à tort le corps balise sur sa propre ligne, et devient pissy quand il s'agit de commentaires HTML. Tant que ces problèmes ne sont pas résolus (ou qu'une solution native ne soit fournie), il est préférable de sélectionner manuellement un bloc de code HTML à reformater, plutôt que la totalité de la page..

Un bonus de 200 $ sera versé au premier développeur de plug-in Sublime Text qui crée et soumet le plug-in définitif "Nettuts + HTML Formatter"..

18 - Créer un plugin

Si vous vous sentez aventureux, explorez l'énorme communauté de développement de plug-ins de Sublime Text et commencez à contribuer. Nous avons un excellent tutoriel sur le processus de construction d’un plugin ST sur Nettuts +. Assurez-vous de vérifier si cela vous intéresse!

Conclusion

Plus je travaille avec Sublime Text 2, plus je réalise à quel point c'est incroyable. Mais tout cela ne voudrait rien dire si ce n’est le fait que c’est un éditeur incroyablement rapide et, mieux, ce n’est pas fini.!

Si vous voulez aller encore plus loin, consultez Snippeter, un gestionnaire d'extraits de code qui dynamise votre codage en enregistrant vos extraits de code en ligne et en vous permettant de les retrouver facilement à l'aide d'une barre de recherche intégrée. Il vous permet également d'exporter des éléments sous forme d'extraits de texte Sublime (avec la prise en charge de tabTrigger).