Des snippets Sublime Text pour Titanium Appcelerator

Publié le 30 janvier 2015 par Rkueny

Si vous développez vos applications mobiles en vous passant de Titanium Studio avec Sublime Text, on va voir comment créer des snippets.

La création d’un snippet va vous permettre de faire par exemple : alloyview + TAB et de voir apparaitre :

<Alloy>
    <Window>
        <Label></Label>
    </Window>
</Alloy>

Ca peut vous faire gagner du temps n’est ce pas ? Voyons donc comment créer un snippet avec Sublime Text.

Faites Tools > New Snippet. Vous voici avec un snippet de base. Reprenons l’exemple d’avant, nous allons écrire :

<snippet>
    <content><![CDATA[
<Alloy>
    <Window>
        <Label>$1</Label>
    </Window>
</Alloy>
]]></content>
    <tabTrigger>alloyview</tabTrigger>
</snippet>

Dans la balise <![CDATA[]]> vous mettez donc le code que vous voulez voir être généré. Ici le $1, sert à indiquer où le curseur se trouvera après avoir fait un TAB.

Dans la balise <tabTrigger> vous mettez le nom du raccourci qui déclenchera le snippet. Si vous mettez un $2, vous pourrez passer de l’un à l’autre via un tab. Vous pouvez aussi mettre une variable par défaut en faisant : ${1:default} par exemple.

Il ne vous reste plus qu’à enregistrer votre snippet au format lenomdusnippet.sublime-snippet.

Et voilà, votre snippet est fonctionnel.

Pour un exemple de plus, et une astuce, voici un snippet que j’utilise :

Un var-dump() avec Titanium :

<snippet>
    <content><![CDATA[Ti.UI.info(JSON.stringify($1));]]></content>
    <tabTrigger>tidump</tabTrigger>
</snippet>

Have fun !