Outils pour utilisateurs

Outils du site


devweb:logiciel:sublime_text (lu 32160 fois)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
devweb:logiciel:sublime_text [22-06-2016 00:18]
edmc73
devweb:logiciel:sublime_text [22-09-2021 16:43] (Version actuelle)
edmc73 [Config]
Ligne 1: Ligne 1:
-====== Sublime Text 2, 3 ======+====== Sublime Text 3 ======
  
 http://www.sublimetext.com/ http://www.sublimetext.com/
Ligne 26: Ligne 26:
 > https://packagecontrol.io/packages/AutoFileName > https://packagecontrol.io/packages/AutoFileName
 > Lorsque 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. > Lorsque 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.
  
 ==== Bracket Highlighter ==== ==== Bracket Highlighter ====
Ligne 50: Ligne 51:
 > https://github.com/bluegray/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 ;) > 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 ==== ==== FileDiffs ====
 > https://github.com/spape/SublimeFileDiffs > https://github.com/spape/SublimeFileDiffs
Ligne 63: Ligne 65:
 > Fonctionne avec les codes couleurs, les dates, les true en false (et inversement) > Fonctionne avec les codes couleurs, les dates, les true en false (et inversement)
 > sur un texte => string => String => STRING > sur un texte => string => String => STRING
 +> en pratique, jamais utilisé
  
  
Ligne 77: Ligne 80:
 ==== Laravel ==== ==== Laravel ====
  
-Laravel 4 Snippets +Blade Snippets
 > Laravel Blade Highlighter > Laravel Blade Highlighter
  
Ligne 107: Ligne 110:
 > https://packagecontrol.io/packages/SideBarEnhancements > https://packagecontrol.io/packages/SideBarEnhancements
 > Indispensable pour avoir un menu contextuel plus riche lors d'un clic droit sur un fichier/dossier de la sidebar > Indispensable 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.
 +
 +==== PHP Companion ====
 +> https://github.com/erichard/SublimePHPCompanion
 +> Trè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
 +
 +
  
 ===== Personalisez, customisez Sublime Text ===== ===== Personalisez, customisez Sublime Text =====
Ligne 130: Ligne 149:
 <file jquery Preferences.sublime-settings> <file jquery Preferences.sublime-settings>
 { {
 +  "always_show_minimap_viewport": true,
 +  "auto_complete_commit_on_tab": true,
   "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",   "color_scheme": "Packages/Color Scheme - Default/Twilight.tmTheme",
   "highlight_modified_tabs": true,   "highlight_modified_tabs": true,
Ligne 136: Ligne 157:
       "Vintage"       "Vintage"
     ],     ],
-  "tab_size": 2,+  "tab_size": 4,
   "word_wrap": true,   "word_wrap": true,
  
Ligne 145: Ligne 166:
       "selector": "text, source, meta, string, punctuation, constant"       "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,
 } }
 </file> </file>
Ligne 184: Ligne 222:
 > **Alt+maj+w** > **Alt+maj+w**
 >Lorsque vous sélectionnez du code, ce raccourci ajoutera une balise <p></p> tout au tour de la sélection >Lorsque vous sélectionnez du code, ce raccourci ajoutera une balise <p></p> tout au tour de la sélection
 +
 +> **Alt+F3**
 +>Permet de sélectionner le tag de fin si le curseur est positionné sur un tag HTML
 +===== Raccourcis souris =====
 +
 +Si vous avez les boutons "précédent/suivant" sur votre souris, cela permet de naviguer dans vos onglets de gauche à droite.
 +
 +Pour personnaliser l'action de ces boutons, créez le fichier suivant
 +  ~/.config/sublime-text-3/Packages/User/Default (Linux).sublime-mousemap
 +
 +et inspirez-vous de ce code qui remplace l'action par défaut par le jump back / forward. Inspirez-vous de la config de key binding pour les autres commandes
 +
 +<code>
 +[
 + { "button": "button8", "command": "jump_back" },
 + { "button": "button9", "command": "jump_forward" }
 +]
 +</code>
 +
 +Autre exemple pour faire comme avec Ctrl+tab 
 +<code>
 +[
 + { "button": "button8", "command": "next_view_in_stack" },
 + { "button": "button9", "command": "prev_view_in_stack" }
 +]
 +</code>
 ===== Sélection vertical ou en colonne ===== ===== Sélection vertical ou en colonne =====
  
Ligne 234: Ligne 298:
  
   \0xe28093   \0xe28093
 +
 +=== espace invisible ===
 +
 +Un bug vu dans l'editeur HTML de sharepoint 2013 ajoute des espaces de taille 0 sous la forme ''&#8203;''
 +
 +
 +Pour les voir dans sublime text, voici l'astuce => https://stackoverflow.com/questions/20356784/delete-u200b-zero-width-space-characters-using-sublime-text-3
 +
 +  * Soit vous installez le package **highlight-dodgy-chars** dispo dans les packages
 +  * Soit vous faites un "recherche et remplace" en RegEx avec ''\x{200b}''
 +
devweb/logiciel/sublime_text.1466547528.txt.gz · Dernière modification: 22-06-2016 00:18 de edmc73