Créez vos snippets Atom

Atom est un IDE développé par github. Il m'a fait lâcher Sublime Text 2, après un rapide détour par Brackets.

Ses avantages résident dans une personnalisation poussée et un système de plugins-addons-packages. Vous pouvez y retrouver tous les addons qui ont fait/font le succès des autres IDE (comme le célèbre Emmet).

Si, par exemple, je créé un fichier HTML, que j'appuie sur les touches alt+maj+S, je tape html et que je tape (pas trop fort) sur Entrée j'obtiens la structure de base d'un fichier HTML5 :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>

  </body>
</html>

Ce n'est qu'un exemple parmi beaucoup.

De nombreux snippets sont implémentés nativement, mais vous pouvez en ajouter suivant les langages que vous utilisez.

Créez les vôtres

Pour celà, on va modifier le fichier snippets.cson, soit en allant dans Edit -> Open your snippets soit dans ~/.atom/snippets.cson.

La structure est la suivante :

'.source.shell':
   'Test':
     'prefix': 'test'
     'body': 'echo "Mon snippet !"'

Exemple

Pour Pelican, la structure pour formater du code est : deux tabulations et :::. Mais je suis fainéant mâlin, je vais en faire un snippet :

# PELICAN

'.source.gfm':
  'Pelican Code':
    'prefix': 'peli-code'
    'body': '\t\t:::$1'

Comme vous suivez bien, vous pouvez voir $1. Cela signifit qu'un fois mon snippet inséré, je veux que le curseur se situe à sa place.

Procédure :

Compliquons un peu :)

J'ajoute le snippet pour les images avec Pelican :

# PELICAN

'.source.gfm':
  'Pelican Code':
    'prefix': 'peli-code'
    'body': '\t\t:::$1'

  'Pelican Images':
    'prefix': 'pel-img'
    'body': '![$1]({filename}/images/posts/$2) $3'

.source.language n'est à mettre qu'une fois pour une série

Une fois pel-img inséré, mon curseur se retrouve à la position $1 ; j'appuie sur tabulation, je me retrouve sur $2 ainsi de suite.

Compliquons encore un peu plus

Vous voulez ajouter du code sur plusieurs lignes ? Simple :

# BASH
'.source.shell':
   'Header':
     'prefix': 'hea'
     'body': """
      #!/bin/bash
      #
      # $1
      #
      ################################

      $2
      """

Entourez votre snippet avec """. Ici, vous obtenez une entête de script bash, avec le curseur dans les commentaires, et après une tabulation, vous êtes prêt à écrire le script !

Source : 2.6 Using Atom : Snippets

diaspora*
Retour maison