Sublime text
intégration sass
Tools - build system -> new build system { "osx": { "path": "/usr/local/bin:$PATH", "cmd" : [ "sass", "--update", "${file_path}/$file_base_name.scss:${file_path}/../css/$file_base_name.css", "--stop-on-error", "--style", "expanded", ], "selector": "source.sass, source.scss", "line_regex": "Line ([0-9]+):", }, "windows": { "shell": "true" } }
Save in
/Users/XXX/Library/Application Support/Sublime Text 3/Packages/User
Dans le fichiers .scss executer le build avec
tools -> build system -> le fichier nouvellement créé
Commandes
- Clic molette : sélection verticale
- Ctrl + Shift + P : Commandes
- Ctrl + P : Accès rapide aux fichiers
- Ctrl + G : Accès au numéro de ligne
- Ctrl + R : Accès direct par terme (par ex liste des sélecteurs en CSS)
- Ctrl + Shift + D : Dupliquer une ligne
- Ctrl + Shift + F : Recherche dans les fichiers du projet
- Ctrl + H : Remplacer
- Ctrl + X : Supprimer la ligne
- Ctrl + Shift + / : Mettre en commentaires (PHP, HTML, …)
- Ctrl + D : Sélectionner l’occurrence identique suivante
- Alt + F3 : Sélectionner toutes les occurrences (génial !)
- Ctrl + Shift + M : Sélectionner tout entre les parenthèses/accolades
- Ctrl + PageUp/PageDown : Se déplacer dans les onglets
- Ctrl + Shift + T : Réouvrir le dernier onglet fermé
- Alt + Shift + 1/2/3/4/5 : Vues splittées
- Ctrl + F2 : Placer un signet
- F2 : Aller au signet suivant
- Ctrl + KU : Met le texte sélectionné en uppercase
- Ctrl + KL : Met le texte sélectionné en lowercase
- F9 : tri par ordre alphabétique
package control
Emmet: taper du css pour l'ecrire en html Hayaku: abbrévation css ex: m10 (tab) : margin:10px PyV8: p sass sublimelinter : color error Sass Build SublimeOnSaveBuild ApacheConf
source:http://blog.goetter.fr/post/24671859680/sublime-text-2-raccourcis-et-plugins
view -> show console
paste
import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation') restart Sublime Text.
Press Command-Shift-P
package: ApacheConf.tmLanguage Emmet Sass SASS Build SublimeOnSaveBuild SublimeLinter
User Settings
{ "color_scheme": "Packages/Color Scheme - Baara Dark/Baara Dark.tmTheme", "ensure_newline_at_eof_on_save": true, "font_size": 12, "highlight_line": true, "highlight_modified_tabs": true, "ignored_packages": [ "Vintage" ], "show_panel_on_build": true, "tab_size": 4, "theme": "Adaptive.sublime-theme", "trim_trailing_white_space_on_save": true }
Packages User
Personnaliser une couleur : par exemple "line_highlight" => sur-brillance de la ligne en cours - créer un fichier "Nom du Theme.sublime-color-scheme" - et ajouter { "globals": { "line_highlight": "#333333", } } - Dans ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/Nom du Theme.sublime-color-scheme * chercher un scope => view.style_for_scope("line_highlight") ou view.style_for_scope("highlight_line")