Sublime text

De Marmits Wiki

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

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