Outils pour utilisateurs

Outils du site


devweb:logiciel:sublime_text (lu 32186 fois)

Ceci est une ancienne révision du document !


Sublime Text 2, 3

Présentation

Plugins

En 1er vous devez installer le package control ⇒ https://sublime.wbond.net/installation#st3

Liste de tous les plugins ⇒ http://wbond.net/sublime_packages/community

Bracket Highlighter

https://github.com/facelessuser/BracketHighlighter
Rajoute des icones dans la marge de gauche afin de voir la portion de code inclue entre des () {} <tag> etc.. et indique si il manque une fermeture.

Valign

https://github.com/jlong64/sublime_valign
Permet d’aligner verticalement votre code pour plus de lisibilité dans la déclaration de variable, array etc..
Ajouter cette ligne dans votre config de raccourci car par défaut le raccourci Ctrl+\ n’est pas possible pour nos clavier azerty.
{ "keys": ["ctrl+alt+a"], "command": "valign" },

Color Picker

http://weslly.github.io/ColorPicker/
Faites ctrl+shift+c et une fenêtre vous permettra de choisir une choisir afin de vous donner le code html.

Color Highlighter

https://github.com/Monnoroch/ColorHighlighter
Affiche la couleur d’un code couleur HTML lorsque le curseur se positionne sur celui-ci

Highlighter

https://github.com/bluegray/Highlighter
Affiche en rouge tous les caractères spéciaux mal placé, ou alors des tab et espace au mauvais endroit pour une indentation parfaite ;)

FileDiffs

https://github.com/spape/SublimeFileDiffs
Permet de comparer 2 fichiers

php syntax checker

https://github.com/naomichi-y/php_syntax_checker
Nous avertit d’une erreur de syntax php lorsque l’on enregistre le fichier

Javascript and JQuery API Completions

Laravel

Laravel 4 Snippets
Laravel Blade Highlighter

Increment Selection

Très utile quand on fait du copier/coller avec des ID que l’on doit incrémenter à la main, exemple :

if($toto='A-1')
  return 'tata';
if($toto='A-1')
  return 'tata';
if($toto='A-1')
  return 'tata';

On sélectionne le 1, on fait Ctrl+Alt+i et on obtient

if($toto='A-1')
  return 'tata';
if($toto='A-2')
  return 'tata';
if($toto='A-3')
  return 'tata';

+ d’info ⇒ https://github.com/yulanggong/IncrementSelection

Config

Voici mon fichier de config personnel. Pour modifier le votre, allez dans le menu Preferences / Settings - User et copier/coller le texte ci-dessous.

Preferences.sublime-settings
{
  "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",
  "highlight_modified_tabs": true,
  "ignored_packages":
    [
      "Vintage"
    ],
  "tab_size": 2,
  "word_wrap": true,
 
  "auto_complete_triggers":
  [
    {
      "characters": "<>\"'-_qazwsxedcrfvtgbyhnujmikolpQAZWSXEDCRFVTGBYHNUJMIKOLP",
      "selector": "text, source, meta, string, punctuation, constant"
    }
  ]
}

Raccourcis clavier

Ctrl+p
Lance une recherche de fichier
Ctrl+shift+p
Permet de lancer une fonction, d’installer un package etc..
Ctrl+r
Liste les fonctions du script en cours
Ctrl+shift+r
Liste les fonctions de plusieurs fichiers
Ctrl+;
Liste certains mots du scripts
Ctrl+d
Permet de sélectionner tout le mot qui entour le curseur.
Lorsque qu’un mot est sélectionné, il permet de sélectionner le prochain mot identique.
Si vous allez trop loin, utilisez Ctrl+u pour annuler la dernière sélection
Ctrl+: ou Ctrl+shift+:
Permet de commenter une ligne ou un bloc de ligne
Ctrl+maj+d
Permet de dupliquer la ligne
Ctrl+maj+k
Permet de supprimer la ligne

Sélection vertical ou en colonne

Utiliser la souris pour faire une sélection de texte via un rectangle.

OS X

Left Mouse Button + Option
OR: Middle Mouse Button
Add to selection: Command
Subtract from selection: Command+Shift

Windows

Right Mouse Button + Shift
OR: Middle Mouse Button
Add to selection: Ctrl
Subtract from selection: Alt\

Linux

Right Mouse Button + Shift
Add to selection: Ctrl
Subtract from selection: Alt

Remplacer du texte

Expression régulière

Sublime Text utilise la norme suivante pour les expressions régulières http://www.boost.org/doc/libs/1_47_0/libs/regex/doc/html/boost_regex/syntax/perl_syntax.html

Dans mon cas, j’avais un fichier html avec des liens qui comportaient des tabulations dans l’attribut href.

Ex: <a href="  http://edmc73.com  " target="_blank">EDMC73</a>

Et bien évidemment, je veux enlever ces tabulations.

Ouvrez la commande remplacer ( Ctrl+H )
Sélectionnez le 1er icone pour activer les expressions régulières ( regular expression )
Entrez ceci dans le champ Find What

href="[[:space:]]*([^"[:space:]]*)[[:space:]]*"

Et ceci dans le champ Replace With

href="\1"

Explication : Je cherche dans chaque ligne l’élément href=“ suivi par n’importe quel type d’espace (inclu les tabulations) avec [[:space:]]. L’étoile signifie qu’il peut avoir zero ou plusieurs espace. J’ouvre les parenthèses pour capturer le résultat et l’utiliser ensuite avec \1. Ma capture ne contient ni ni espace qu’il y en ait zéro ou plusieurs. Ensuite zéro ou plusieurs espace peuvent apparaitre suivi d’un .

Je remplace tout ça par href=“ le contenu de mes parenthèses avec \1 et

Caractère spéciaux

Si le code hexadécimal du caractère spécial est le 0xe28093 alors tapez ce qui suit dans le champ de recherche avec l’option regex

\0xe28093
devweb/logiciel/sublime_text.1424640177.txt.gz · Dernière modification: 22-02-2015 22:22 de edmc73