Adding an existing Angular.js seed project to Webstorm 6.0

My journey into JavaScript land has begun. The first thing I had to do was get an Angular.js seed project up and running in the WebStorm IDE. This is a no brainier, but useful to some if you are starting out. The first step in the process was to install the Angular.js plugin which will help you in development by adding Auto-complete for ng-attributes and other Angular features.

Open up WebStorm and select the configure option:

Navigate to Plugins and double click:

Navigate to the bottom of the panel and select the “Browse Repositories..” button. This spawns a new window. Double click on the Angular.js plugin:

download, install and restart.

Now, click on “Open Directory” and point to the directory with your seed project.

You may need to perform some extra configuration in WebStorm, in my case it has to do with Git and an “Unregistered Git root”.

I resolved the error by  clicking on the Event Log button at the bottom of the WebStorm IDE

and selected the “Ignore VCS root errors” option, which gets rid of the pesky error alert.

And there you have it, get to work.

#UPDATE –

Here’s an excellent tutorial on how to install and configure Apache, MySql, PHP and PhpMyAdmin on OSX 10.8 (Mountain Lion)

OH JUST IN CASE:

To remove an existing project, select the project in the Recent Projects bin and press delete.

On the Mac, you have to hold down the Function key while pressing the Delete key. Happy coding.