Webstorm/Angular JS Getting Started


I'm new both to Webstorm and AngularJS and am starting a project using both.  I can't find the first steps anywhere --have checked out various links.  When I watch the egghead.io/lessons/angularjs-binding, I see a couple of things that I cannot reproduce:

1) Bindings are not working.  I've installed the AngularJS plugin -- I believe that has installed successfully since I now see AngularJS code-completion working.  However, when in the tutorial John writes {{ 2+2 }} and when he refreshes it shows as 4, it stays {{2+2}} for me.  Does this mean that I need first to install a server on my machine? I'd have thought not, since it's just html and javascript, but maybe that's why it isn't working. I created a project called Test1 and so the URL on my machine is http://localhost:63342/Test1/index.html.  I didn't configure that port -- did Webstorm do it automatically?

2) I don't know how he gets that Preview Pane to display on the right. I can see nothing like it.


Comment actions Permalink

Well never mind about the pane on the right -- it looks like it's chrome in another window.  So just the first part needs an answer. :)

Comment actions Permalink


1. This is a known issue, please vote for http://youtrack.jetbrains.com/issue/WEB-6471
localhost:63342 is the addresss of WebStorm built-in web server (http://blog.jetbrains.com/webide/2013/03/built-in-server-in-webstorm-6/)

Comment actions Permalink

Thanks. It turns out that there was another solution, which I'll post here since someone else may find it useful. It was essentially a path/protocol problem. The example was using protocol-relative URL:

<script src="vendor/angularjs/angular.js"></script>

Once I changed it to this:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>


Please sign in to leave a comment.