SÖKES: HTML5 utvecklingsverktyg med javascript debugger

Mina hobby projekt i HTML5/Javascript (jag använder alltså canvas etc) börjar bli så intressanta och stora att det nu är dags att hitta en ordentlig utvecklingsplattform. Kort och gott är min fråga vad ni använder och hur pass kompetent den plattformen är i olika avseenden. Men låt mig fylla ut min fråga lite mer.

Jag är en van programmerare, och mina två huvudverktyg är Matlab och Visual Studio 2005 (för C++). Dessa är mogna platformar med grymma debuggers och kodhjälp. De ger mig:

• färgkodning av typer, funktion och mycket mera

• dropdown för klass medlemmar

• argumentlista för funktioner

• step by step debugging med "hover" över variabler, watch-list, call-list, stack osv

Utöver detta borde det inte vara orimligt att ha live-code dvs:

• sidan uppdateras när jag ändrar HTML

• sidan uppdateras när jag ändrar CSS

Notera att jag lämnar serverside scripting utanför min kravlista. Inte heller är jag intresserad av en WYSIWYG editor. Min nuvarande platform är Adobe Dreamweaver och den ger mig färgkodning och inte mycket mera. I viss mån kan man få hjälp med klass medlemmar och argumentlista, men dessa är långt ifrån kompletta. Live-view finns men funkar inte ordentligt med CSS3, det lilla jag testat. Det är en dyr plattform och jag förväntade mig mycket mera. Jag upptäckte precis Chrome's inbyggda debugger vilket har gjort saker betydligt enklare. Mina projekt har tusentals rader javascript kod vid det här laget, så jag har jublat hela dagen efter att jag upptäckte den! Problemet är att jag nu sitter med koden i två fönster, där jag testar mig fram i Chrome och sedan överför mina ändringar manuellt till Dreamweaver.

Det måste väl finnas en ordentlig och mogen plattform för värdens mest utbredda programmeringsspråk? Eller ett par instick till chrome eller firefox som gör dem till potenta utvecklingsverktyg?

Coda verkar nice, men jag använder inte OSX. Kan ju vara ett tips till någon annan dock. Det verkar klara allt från min lista utom debugging.

Det förvånar mig, men jag tror att det är så att det helt enkelt inte finns en bra integrerad lösning med både debugger och editor i ett! Kan det verkligen vara så? Jag har testat WebStorm som lovar detta, men debug delen buggar (no pun intended). Du får väldigt gärna testa och se om du har mera tur. Editorn verkar vara kompetent, men till exempel drop down för klass medlemmer är lite oöverskådlig. Som du är jag grymt nyfiken på kommande svar. Webstorm + Chrome är min platform tills vidare.