I was researching this exact question for my daughter. Like you, she started learning JavaScript on Codecademy. She loves it, but she is frequently frustrated, when she doesn't understand why a program doesn't work.
So, I researched IDEs and debuggers, and I read that Visual Studio has a debugger that is easy to use. But after installing 4 different versions, I had to jump through lots of hoops to create a JavaScript project in Visual Studio Express 2013, and then I couldn't debug it.
After a while I gave up and installed Eclipse. I have used Eclipse before, and it's very powerful. I was originally looking for alternatives, because I felt using Eclipse for JavaScript is kind of like using an airplane, when all you need is a bicycle :)
There are many versions and packages of Eclipse. I think this one might be the simplest to install:
http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/heliossr2
(Helios is a version, and this specific package is for JavaScript developers)
I actually used the latest version (Kepler). Unfortunately it doesn't have a package for JavaScript, so I used the Java package:
http://eclipse.org/downloads/packages/eclipse-ide-java-ee-developers/keplersr2
and then added JSDT:
http://www.eclipse.org/webtools/jsdt/
Yes, Eclipse can be intimidating for a beginner, but the good thing about Eclipse is that it works on multiple platforms, you can find support for pretty much any language, and it's free :)
If you are serious about programming, I recommend you invest a little time in learning how to use Eclipse.
Let me know if this helps, or if you have more questions.