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

source:http://www.granneman.com/webdev/editors/sublime-text/packages/how-to-install-and-use-package-control/

package:
ApacheConf.tmLanguage
Emmet
Sass
SASS Build
SublimeOnSaveBuild
SublimeLinter

Autres

preference user

{
"default_encoding": "UTF-8",
"open_files_in_new_window": false,
"detect_slow_plugins": false,
"font_size": 14.0,
"ignored_packages":["Vintage"]
}