Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Carl

SublimeText, Atom and VSCode Snippets

Recommended Posts

  • 10 months later...

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. 

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

  • 4 months later...

Hi,

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

Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

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})

  • Like 4
Link to comment
Share on other sites

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 !

  • Like 1
Link to comment
Share on other sites

  • 5 months later...

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.  

  • Like 7
Link to comment
Share on other sites

  • 4 months later...

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!

  • Like 4
Link to comment
Share on other sites

Hi Petr,

 

Thanks for doing this and for posting here.

 

Carl

Link to comment
Share on other sites

  • 1 month later...

Hi,

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

Thanks aton from Bonn - folks!
Thorsten

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×