Project using Django and AngularJS - Which IDE is best?

Hi,
I am going to work on a project using Django and massive amount of javascript, mostly AngularJS. What IDE would be the best for that PyCharm or WebStorm? I've only experience with PyCharm and I know it has quite good support for JavaScript and HTML, but I took a look on WebStorm and it even looks better as to JavaScript - advanced support for AngularJS, Grunt and Bower integration - looks like exactly what I am looking for. However I wouldn't want to work on the same project in two separate IDEs. What would be the best way to go?
6 comments
Comment actions Permalink
When doing front and back, I use both PyCharm and Webstorm, or both Rubymine and Webstorm.

Using two IDES is great, that way you can switch contexts easily.  It's really easy to alt-tab back and forth between front and backend code. Also, this may be useful - WebStorm allows you to run a server and serve the AngularJS files.
0
Comment actions Permalink
Also, PyCharm and WebStorm both have their own debuggers for Python and Javascript, and this alone is a great reason to use both separately.
0
Comment actions Permalink
I tried today to load the very same project with both IDEs and I experienced constant conflicts of 'workspace.xml' file. Obviously each of the IDEs was modifying it and detecting changes in it. I ended up using only one IDE. Have you encountered such a thing?
0
Comment actions Permalink
I would separate things out into different project directories, so that I would kind of have this structure:

- application/
 - .git/

 - django_project/
   - .idea/
   - ... etc ...

 - angular_project/
   - .idea/
   - ... etc ...
prettyPrint();

so that way nothing conflicts if you really need them in the same location.

This is assuming your django project is just providing an api to the angular hosted front end. If django was rendering templates that would be different and probably a bit harder to get the two ides to work together.
0
Comment actions Permalink
Hi, all this features (AngularJS, Grunt and Bower) are available in PyCharm by installation of corresponding plugins. JavaScript debugger(the same as in WebStorm) is already bundled in PyCharm.
So the recommended way is to use only one IDE - PyCharm. If you miss any functionality that exists in WebStorm it is a good reason to report about it.
0
Comment actions Permalink
I've checked available plugins for PyCharm and I've only found AngularJS already installed. I searched for Grunt and Bower, but they are absent.
0

Please sign in to leave a comment.