[angular.js] Live Templates for angular.js in WebStorm

2,965 views
Skip to first unread message

Pawel Kozlowski

unread,
Jul 15, 2012, 8:52:46 AM7/15/12
to ang...@googlegroups.com
Hi angularians!

Earlier today I was reviewing video tutorials posted by John Lindquist
but this time focusing on productivity tips (as I was stunned by
John's mastery of WebStorm). As the result I've put together a blog
post where I'm trying to decipher how on earth he can type _so_ fast:
http://pkozlowskios.wordpress.com/2012/07/15/live-templates-for-angular-js-in-webstorm/

@John: thank you, thank you, thank you for creating the WebStorm and
creating those video tutorials. It really helps!

I hope you will find it useful, enjoy!

Cheers,
Pawel

John Lindquist

unread,
Jul 16, 2012, 1:37:22 AM7/16/12
to ang...@googlegroups.com

Thanks Pawel,

Lucky for me, starting Aug 1st, I'll have an abundance of time to make videos :) (I've been quiet on the list, etc since I've been wrapping up a big project all of July). WebStorm has quite a few more tricks up its sleeves that I'll be happy to show off.

Cheers,
John

On Jul 15, 2012 8:52 PM, "Brian Ford" <brian....@gmail.com> wrote:
Nice post, and great tips!
--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/eW57w2YkHbQJ.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

Nikolaos Dimopoulos

unread,
Jul 16, 2012, 9:13:23 AM7/16/12
to ang...@googlegroups.com
I have used almost every tool there is out there to write PHP code.

I started with a normal text editor, went to Eclipse, Zend Studio, Eclipse again... After Eclipse hogging my system, I ended up with Sublime Text 2. I was really happy with the editor but it did not have the intelligent discovery of properties, classes etc. which made my job a lot more difficult.

After watching John's webcasts, I gave PHPStorm (the WebStorm for PHP) a try and have been using it since (John I blame you for that haha).

IMO for every job or task has certain strengths that will help you with a particular project. I often open Sublime Text 2 for quick edits and smaller projects. PHPStorm is a more complete tool which even allows me to run my tests from within the IDE.

+1 what Andy said.

The contents of this message may contain confidential or privileged information and is intended solely for the recipient(s). Use or distribution to and by any other party is not authorized. If you are not the intended recipient, copying, distribution or use of the contents of this information is prohibited.


On Mon, Jul 16, 2012 at 8:49 AM, Andy Joslin <andyt...@gmail.com> wrote:
Sublime is a text editor, WebStorm is an IDE.  They are different things, hard to compare.  It depends if you like IDEs or text editors.

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/DITgHjxNQJEJ.

Pawel Kozlowski

unread,
Jul 16, 2012, 2:57:21 PM7/16/12
to ang...@googlegroups.com
hi John!

On Mon, Jul 16, 2012 at 7:37 AM, John Lindquist <johnli...@gmail.com> wrote:
> Thanks Pawel,

Well, it is mainly thnx to you for all the hard work on the videos and
the WebStorm plugin!

> Lucky for me, starting Aug 1st, I'll have an abundance of time to make
> videos :) (I've been quiet on the list, etc since I've been wrapping up a
> big project all of July). WebStorm has quite a few more tricks up its
> sleeves that I'll be happy to show off.

Can't wait :-)

Cheers,
Pawel

John Lindquist

unread,
Jul 16, 2012, 3:34:07 PM7/16/12
to ang...@googlegroups.com
Like Andy said, WebStorm vs. ST2 is an IDE vs. Editor thing. For example:

When you open a project in WebStorm, it reads and indexes all of the files in the project directory. So when you open an .html file that references a .js file, WebStorm is aware of that relationship and can watch for changes between them. Thanks to these relationships, WebStorm allows refactorings, inspections, analysis, etc that simply aren't possible in text editors.

Along with that, they include all sorts conveniences for version control, great diff tools, built-in testing, etc, etc that I've come to rely on. I'd bet 90% of WebStorm users only ever touch 10% of the features. I'll show off more features as I crank out more videos.

Anyway, hope that helps clarify the difference.

Wizek

unread,
Jul 16, 2012, 8:35:39 PM7/16/12
to ang...@googlegroups.com
Looking forward to your videos then!
Message has been deleted

seth....@gmail.com

unread,
Aug 19, 2012, 9:30:48 PM8/19/12
to ang...@googlegroups.com
Wizek, do you have any snippets for ST2 that act the same as what John has working in WebStorm? If so, would you mind sharing them?

Thanks!

On Monday, July 16, 2012 4:11:41 AM UTC-5, Wizek wrote:
John: are you aware of Sublime Text 2 (+ snippets + optionally with SublimeCodeIntel)?
If so, may I ask you why you prefer WebStorm? I'm curious because it might be able to do things that I'm unaware of which makes it better than ST2.

Keeya WangJones

unread,
Mar 21, 2013, 4:37:28 PM3/21/13
to ang...@googlegroups.com
Hi John,
Do yo have instruction on how to install the Live Templates into WebStorm. I am new to WebStorm and AngularJS. I downloaded the angularjs-plugin.jar file and now do not have a clue what to do with it.
I have all 4 folders: liveTemplate, angularjs, META-INF, org. Where do they go so that WebStorm can see them.

All the best,
Keeya
Reply all
Reply to author
Forward
0 new messages