GreenSock Snippets for VSCode

[Ihatetomatoes 325 Likes (Leader)]

Hi everyone,

I have just published GreenSock Snippets for VSCode. Let me know if I have missed some important snippets.

 

And apologies for my inaction in the recent times when it comes to writing and recording tutorials, I still love GSAP and creative front-end coding.

 

Cheers

Petr

 

 

[GreenSock 18,237 Likes (Superhero)]

That's great, Petr! Thanks so much for doing that. I've never used VSCode, but I'm sure a lot of people will find this useful. 

 

Looking forward to the upcoming tutorials! You always do such a nice job. 🙌

[ZachSaucier 7,127 Likes (Superhero)]

Yes, thanks for posting, Petr.

 

You might also be interested in knowing that the next release of GSAP should have a more complete set of Typescript declarations with JSDocs comments, so users (especially in software like VSCode) will be able to more easily autocomplete and learn about GSAP right in the editor.

[Ihatetomatoes 325 Likes (Leader)]

Great, thanks for the update Zach.

[Dizablah The Lamot 4 Likes (Newbie)]

On 5/18/2020 at 8:49 AM, ZachSaucier said:

Yes, thanks for posting, Petr.

 

You might also be interested in knowing that the next release of GSAP should have a more complete set of Typescript declarations with JSDocs comments, so users (especially in software like VSCode) will be able to more easily autocomplete and learn about GSAP right in the editor.

When is the next release or has it already been released?

[GreenSock 18,237 Likes (Superhero)]

There have been many, many releases since that post   The TypeScript definitions are in pretty solid shape at this point. Are you running into any trouble @Dizablah The Lamot? 

[_Greg _ 127 Likes (Specialist)]

Hi Petr.

I'm not sure does it important snippets but if you add .set, maybe add .quickSetter

gsap.quickSetter("element", "propName")

Also maybe add some plugins like ScrollTrigger:

ScrollTrigger.create({
  trigger: selector,
  start: "position",
  end: "position",
})

Draggable.create(selector,{props})

var split = new SplitText(selectors);

Also maybe add registration plugin 

gsap.registerPlugin(pluginName);

Or maybe utils

gsap.utils.UtilName(UtilProperty)

 

This is just ideas.

 

[Dizablah The Lamot 4 Likes (Newbie)]

On 2/6/2022 at 3:12 PM, GreenSock said:

There have been many, many releases since that post   The TypeScript definitions are in pretty solid shape at this point. Are you running into any trouble @Dizablah The Lamot? 

 

No not at all! I was just making sure that I was using the latest version!
Thanks for checking! Much appreciated!

[curtiswiens 8 Likes (Newbie)]

Awesomeness!