SublimeText, Atom and VSCode Snippets

[Carl 9,066 Likes (Superhero)]

Here are the snippet files for SublimeText.

GSAP_snippets_for_Sublime_Text (1).zip

 

Instructions:

 

They have been tested in SublimeText2 and we have reports they work fine in SublimeText3.

 

[Bendora 0 Likes (Newbie)]

I have seen the power of Hayaku package in combination with the  Sublime snippits.
Maybe carl can update this video with that combined. 

I would like to thank Petr for this combination. 

[Carl 9,066 Likes (Superhero)]

Hi Bendora and welcome to the GreenSock forums.

 

Thanks for sharing your interest. Sorry, I'm not familiar with Hayaku, but from reading the description

 

Fuzzy abbreviations, support for preprocessors (Sass, Less, Stylus) and a lot of other features in easily configurable set of tools for writing CSS faster http://hayakubundle.com/

 

and scanning the page I didn't see anything about how it works with JavaScript. Seems solely focused on CSS. I could be missing something though. I welcome anyone to explore and enhance the snippets we created. It was a very experimental exercise at the time and not something we have the resources to support and maintain currently. 

[Bendora 0 Likes (Newbie)]

True... I mean the package Emmet. It helps changing values quickly. 

[Tasty Sites 65 Likes (Contributor)]

Hi,

I love those snippets, and I use sublime strictly for them but maybe there is a way to implement them into Brackets? 

[Carl 9,066 Likes (Superhero)]

Hi Patryk,

 

Glad you enjoy the sublime snippets. I'm not familiar enough with Brackets to advise on whether or not snippets like these are supported. 

[Jonathan 5,176 Likes (Superhero)]

You could try this link for adding snippets to brackets.. edc.brackets-snippets extension for adding custom GSAP snippets. It has a Snippets Manager, and Snippets Library for custom snippets

 

http://brackets.dnbard.com/extension/edc.brackets-snippets

 

[OSUblake 9,990 Likes (Superhero)]

Most text editors use snippets based on the TextMate snippet syntax, so there's nothing unique about the ones in Sublime. The only difference really is how the editor stores those snippets (xml, json, etc).

 

Sublime uses xml, so this is what the "to" snippet looks like.

<snippet>
  <content><![CDATA[
to(${1:elem}, ${2:1}, {${3:vars}}${4})
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>to</tabTrigger>
</snippet>

But the actual snippet is what's inside the ![CDATA[ ]]. So using the extension that Jonathan linked to, you can convert this snippet by setting the trigger: to and text: to(${1:elem}, ${2:1}, {${3:vars}}${4})

[Tasty Sites 65 Likes (Contributor)]

Thank you guys for interest I'll definitely look more deeply into this. With such great intel I'll probably handle the rest  

P.S
Sorry I respond with such a delay - mail with info about new post in topic arrived after OSUblake post  

Have a wonderful day !

[fremdev 7 Likes (Newbie)]

Hi guys,

Now it's possible easily install these snippets for Atom text editor - I made an Atom GSAP package. I know there is another GSAP snippets package from Pier Bover, but I prefer using snippets from Carl so I did the porting for Atom text editor.  

[Jonathan 5,176 Likes (Superhero)]

Thanks for sharing fremdev

[Tasty Sites 65 Likes (Contributor)]

Thank you very much !

[Bendora 0 Likes (Newbie)]

That is nice for the Atom community. 

[Ihatetomatoes 147 Likes (Specialist)]

I have ported the Sublime Text snippets to VSCode extension.

 

If you are switching to VSCode, simply search for GreenSock Code Snippets in the marketplace.

 

It works exactly like the Sublime Text snippets, all credit goes to Carl.

 

Enjoy!

[Carl 9,066 Likes (Superhero)]

Hi Petr,

 

Thanks for doing this and for posting here.

 

Carl

[wietho 0 Likes (Newbie)]

Hi,

new to greensock, but love already the snippet for vs code! Made things faster!

Thanks aton from Bonn - folks!
Thorsten