Ci-dessous, les différences entre deux révisions de la page.
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-02-2015 22:22] edmc73 [Raccourcis clavier] |
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:// | http:// | ||
Ligne 6: | Ligne 6: | ||
http:// | http:// | ||
+ | |||
+ | Pour synchroniser ses paquets => https:// | ||
+ | |||
+ | ===== Documentation ===== | ||
+ | |||
+ | La doc officiel => http:// | ||
+ | |||
+ | La doc non officiel => http:// | ||
===== Plugins ===== | ===== Plugins ===== | ||
Ligne 12: | Ligne 20: | ||
Liste de tous les plugins => http:// | Liste de tous les plugins => http:// | ||
+ | |||
+ | Liste de 33 plugins => http:// | ||
+ | |||
+ | ==== AutoFileName ==== | ||
+ | > https:// | ||
+ | > 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' | ||
==== Bracket Highlighter ==== | ==== Bracket Highlighter ==== | ||
Ligne 36: | Ligne 51: | ||
> https:// | > https:// | ||
> 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:// | > https:// | ||
Ligne 43: | Ligne 59: | ||
> https:// | > https:// | ||
> Nous avertit d'une erreur de syntax php lorsque l'on enregistre le fichier | > Nous avertit d'une erreur de syntax php lorsque l'on enregistre le fichier | ||
+ | |||
+ | ==== inc_dec_value ==== | ||
+ | > https:// | ||
+ | > Permet d' | ||
+ | > Fonctionne avec les codes couleurs, les dates, les true en false (et inversement) | ||
+ | > sur un texte => string => String => STRING | ||
+ | > en pratique, jamais utilisé | ||
+ | |||
==== Javascript and JQuery API Completions ==== | ==== Javascript and JQuery API Completions ==== | ||
Ligne 56: | Ligne 80: | ||
==== Laravel ==== | ==== Laravel ==== | ||
- | > Laravel 4 Snippets | + | > Blade Snippets |
> Laravel Blade Highlighter | > Laravel Blade Highlighter | ||
Ligne 83: | Ligne 107: | ||
+ d'info => https:// | + d'info => https:// | ||
+ | ==== SideBarEnhancements ==== | ||
+ | > https:// | ||
+ | > Indispensable pour avoir un menu contextuel plus riche lors d'un clic droit sur un fichier/ | ||
+ | |||
+ | Le paquet ne semble plus dispo dans les dépôts officiel. Pour le rajouter : | ||
+ | * Ctrl+Maj+P | ||
+ | * Package control : Add repository | ||
+ | * Copier/ | ||
+ | * Ctrl+Maj+P | ||
+ | * Package control : Install package | ||
+ | * Rechercher : SideBarEnhancements | ||
+ | |||
+ | Entre temps il semble être dispo de nouveau. | ||
+ | |||
+ | ==== PHP Companion ==== | ||
+ | > https:// | ||
+ | > Très pratique quand on code avec des namespaces, permet de déclarer une class dans les " | ||
+ | |||
+ | |||
+ | |||
+ | ===== Personalisez, | ||
+ | ==== Thème ==== | ||
+ | https:// | ||
+ | |||
+ | Les thèmes permettent de changer la couleur de l' | ||
+ | |||
+ | Un plugin permet de switcher facilement entre les thèmes | ||
+ | => https:// | ||
+ | |||
+ | J'aime particulièrement le thème **afterglow** qui fait ce que je veux et est paramètrable :) | ||
+ | |||
+ | https:// | ||
+ | |||
+ | ==== Color Scheme ==== | ||
+ | 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" | ||
===== Config ===== | ===== Config ===== | ||
Ligne 88: | Ligne 149: | ||
<file jquery Preferences.sublime-settings> | <file jquery Preferences.sublime-settings> | ||
{ | { | ||
+ | " | ||
+ | " | ||
" | " | ||
" | " | ||
Ligne 94: | Ligne 157: | ||
" | " | ||
], | ], | ||
- | " | + | " |
" | " | ||
Ligne 103: | Ligne 166: | ||
" | " | ||
} | } | ||
- | ] | + | ], |
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
} | } | ||
</ | </ | ||
Ligne 140: | Ligne 220: | ||
>Permet de supprimer la ligne | >Permet de supprimer la ligne | ||
+ | > **Alt+maj+w** | ||
+ | >Lorsque vous sélectionnez du code, ce raccourci ajoutera une balise < | ||
+ | |||
+ | > **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 " | ||
+ | |||
+ | Pour personnaliser l' | ||
+ | ~/ | ||
+ | |||
+ | et inspirez-vous de ce code qui remplace l' | ||
+ | |||
+ | < | ||
+ | [ | ||
+ | { " | ||
+ | { " | ||
+ | ] | ||
+ | </ | ||
+ | |||
+ | Autre exemple pour faire comme avec Ctrl+tab | ||
+ | < | ||
+ | [ | ||
+ | { " | ||
+ | { " | ||
+ | ] | ||
+ | </ | ||
===== Sélection vertical ou en colonne ===== | ===== Sélection vertical ou en colonne ===== | ||
Ligne 190: | Ligne 298: | ||
\0xe28093 | \0xe28093 | ||
+ | |||
+ | === espace invisible === | ||
+ | |||
+ | Un bug vu dans l' | ||
+ | |||
+ | |||
+ | Pour les voir dans sublime text, voici l' | ||
+ | |||
+ | * Soit vous installez le package **highlight-dodgy-chars** dispo dans les packages | ||
+ | * Soit vous faites un " | ||
+ |