Bien configurer son Sublime Text

1. Télécharger Sublime Text

La dernière version de Sublime Text, tant qu’à faire.

2. Installer Package Control

• Ouvrir la console (View > Show Console)
• Coller le code disponible sur la page packagecontrol.io/installation dans la console. Valider.

3. Installer les bons packages

Pour installer un package :

• cmd + maj + P
• Saisir « install package » et sélectionner « Package Control: Install Package ».
• Saisir le nom du package à installer et valider. La liste des packages proposés par Package Control est disponible sur : packagecontrol.io/browse.

SCSS

Permet d’avoir la coloration syntaxique sur les fichiers .scss.

CSS3

Support des propriétés CSS3.

Bracket Highlighter

Met en évidence les balises ouvrantes et fermantes.

All Autocomplete

Étend l’autocomplétion des mots à travers tous les fichiers ouverts.

Color HighLighter

Souligne les codes couleurs avec la couleur correspondante. Il souligne également les variables SCSS.

4. Bien définir les config par défaut

Dans Sublime Text > Preferences > Settings, modifiez le fichier Preferences.sublime-settings - User.

"highlight_line": true,
"highlight_modified_tabs": true,
"indent_to_bracket": true,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"word_wrap": true,
"show_definitions": false

5. Configurer des snippets

La procédure de création d’un snippet est expliquée en détails dans cet article : Sublime Text : créer un snippet. La liste des snippets que j’utilise est sur Github. Celui que j’utilise le plus fréquemment est le suivant :

  <![CDATA[
<%= $1 %>
]]>
  <![CDATA[<]]>
  <![CDATA[<% <%= ... %>]]>
  text.html.ruby

Il me permet d’ouvrir les balises Rails <%= ... %> simplement en tapant "<" + "TAB".