Outils pour utilisateurs

Outils du site


Panneau latéral

devweb:logiciel:sublime_text (lu 49542 fois)

**Ceci est une ancienne révision du document !**

Sublime Text 2, 3

Présentation

Plugins

AutoFileName

https://packagecontrol.io/packages/AutoFileNameLorsque vous devez remplir une propriété représentant un chemin vers un fichier (ex: <img src=, <a href=, <script src= etc...) ce plugins vous propose une liste de dossier et fichier existant, ce qui permet de ne pas chercher et de ne pas faire de faute de frappe dans un nom de fichier.

Bracket Highlighter

https://github.com/facelessuser/BracketHighlighterRajoute 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_valignPermet 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/ColorHighlighterAffiche la couleur d'un code couleur HTML lorsque le curseur se positionne sur celui-ci

Highlighter

https://github.com/bluegray/HighlighterAffiche 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/SublimeFileDiffsPermet de comparer 2 fichiers

php syntax checker

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

inc_dec_value

https://packagecontrol.io/packages/Inc-Dec-ValuePermet d'incrémenter/décrémenter n'importe quelle valeur avec la roulette ou avec Alt+haut/basFonctionne avec les codes couleurs, les dates, les true en false (et inversement)sur un texte => string => String => STRING

Javascript and JQuery API Completions

https://github.com/Pleasurazy/Sublime-JavaScript-API-CompletionsPermet d'autocompléter du javascript et du jquery

https://tutsplus.com/lesson/docblockr/

https://tutsplus.com/lesson/emmet/

https://tutsplus.com/lesson/pretty-task-management/

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';

SideBarEnhancements

https://packagecontrol.io/packages/SideBarEnhancementsIndispensable pour avoir un menu contextuel plus riche lors d'un clic droit sur un fichier/dossier de la sidebar

Thème

https://packagecontrol.io/browse/labels/theme

Les thèmes permettent de changer la couleur de l’interface de sublime text ainsi que l’apparence des boutons, onglets etc…

Un plugin permet de switcher facilement entre les thèmes ⇒ https://packagecontrol.io/packages/Themes%20Menu%20Switcher

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

> **Alt+maj+w**

Lorsque vous sélectionnez du code, ce raccourci ajoutera une balise <p></p> tout au tour de la sélection

=

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.1466410050.txt.gz · Dernière modification : de edmc73

Outils de la page