Sublime Text 3

http://www.sublimetext.com/

http://www.blogoergosum.com/29872-sublime-text-2-zen-coding-w00t

Pour synchroniser ses paquets ⇒ https://packagecontrol.io/docs/syncing

La doc officiel ⇒ http://www.sublimetext.com/docs/3/

La doc non officiel ⇒ http://docs.sublimetext.info/en/latest/index.html

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

Liste de 33 plugins ⇒ http://aslanbakan.com/en/blog/33-essential-sublime-text-plugins-for-all-developers/

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.en pratique c'est plutot plus envahissant qu'autre chose.

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.

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” },

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.

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

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

https://github.com/spape/SublimeFileDiffsPermet de comparer 2 fichiers

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

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 => STRINGen pratique, jamais utilisé

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/

Blade SnippetsLaravel Blade Highlighter

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

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

Le paquet ne semble plus dispo dans les dépôts officiel. Pour le rajouter :

• Ctrl+Maj+P
• Package control : Add repository
• Copier/coller : https://github.com/titoBouzout/SideBarEnhancements/tree/st3
• Ctrl+Maj+P
• Package control : Install package
• Rechercher : SideBarEnhancements

Entre temps il semble être dispo de nouveau.

https://github.com/erichard/SublimePHPCompanionTrès pratique quand on code avec des namespaces, permet de déclarer une class dans les "Use", de trouver le FQCN d'une classe et d'autre petite bricole

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

J’aime particulièrement le thème afterglow qui fait ce que je veux et est paramètrable :)

https://github.com/YabataDesign/afterglow-theme

Les Color Scheme sont des thèmes uniquement de la partie éditeur de sublime text, ça concerne donc la colorisation syntaxique mais pas la sidebar, les boutons, les tabs contrairement aux Theme

Créer votre propre “color scheme” sur le site http://tmtheme-editor.herokuapp.com/

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

{
  "always_show_minimap_viewport": true,
  "auto_complete_commit_on_tab": true,
  "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",
  "highlight_modified_tabs": true,
  "ignored_packages":
    [
      "Vintage"
    ],
  "tab_size": 4,
  "word_wrap": true,
 
  "auto_complete_triggers":
  [
    {
      "characters": "<>\"'-_qazwsxedcrfvtgbyhnujmikolpQAZWSXEDCRFVTGBYHNUJMIKOLP",
      "selector": "text, source, meta, string, punctuation, constant"
    }
  ],
	"line_padding_bottom": 1,
	"line_padding_top": 1,
	"mouse_wheel_switches_tabs": false,
	"overlay_scroll_bars": "enabled",
	"scroll_speed": 0.4,
	"show_encoding": true,
	"show_line_endings": true,
	"sidebar_row_padding_small": true,
	"sidebar_size_12": true,
	"sidebar_size_13": false,
	"sidebar_size_14": false,
	"status_bar_brighter": true,
	"tab_size": 4,
	"tabs_padding_medium": true,
	"tabs_small": true,
	"theme": "Afterglow.sublime-theme",
	"word_wrap": true,
}

**Ctrl+p**Lance une recherche de fichier

> **Ctrl+shift+p**