Читаем wiki netbeans и смотрим видео "HTML5 Testing and Debugging..."

К поискам редактора для js и nodejs. Здесь ссылки на прекрасную документации к HTML5 NetBeans. Я посмотрел три видео, со странице по первой ссылке можно скачать файлы примеров, прочитать статьи к видео.

wiki.netbeans HTML5 - начинать отсюда, есть все
The NetBeans Connector
HTML5 - Part 1: Video of Getting Started with HTML5 Applications
HTML5 - Part 2: Video of Working with CSS Style Sheets in HTML5 Applications
HTML5 - Part 3: Video of Testing and Debugging JavaScript in HTML5 Applications

HTML5 Web Development Support
Загрузка среды NetBeans 8.0.1
Getting Started with HTML5 Applications
Debugging and Testing JavaScript in an HTML5 Application
NetBeans Training and Certification Resources

NodeJS - plugin detail

Альтернативы (Eclipse...)
Enide Studio 2014 - Node.js, JavaScript and Java 0.11-preview

Далее смотрим три видео и записываем здесь важные фрагменты, сначала (в первом видео)устанавливаем плагин в браузер и знакомимся со структурой папок проекта HTML5:

The NetBeans Connector¶

In []:

The NetBeans Connector provides deep integration between the award winning NetBeans IDE and the Google Chrome browser.
NetBeans IDE features a complete set of development tools for JavaScript and HTML5, including code editing, debugging, live styling,
development with iOS and Android devices, and more. The NetBeans Connector for Chrome facilitates the tight integration between 
the two.

With this integration, comes the ability to:
* Refresh on Save
* Live DOM navigation from within the IDE itself
* Bi-directional element inspection. Click in the browser, see it in the IDE, and vice-versa
* JavaScript debugging of the application using Remote WebKit APIs 
* Visual CSS Style editing of all page elements, including JavaScript generated elements
* Screen resizing to view your application at various pre-defined sizes (Smartphone, Tablet, etc.), 
  or sizes that you can define yourself
* Network monitoring for web services and Web Socket traffic

Во втором видео показано, как переключить коннектор браузера в режим подсветки кода в NetBeans (как в Firebug) добавить файл CSS в проект и отредактировать, наблюдая изменения в браузере. Я раньше проделывал это в FireBug...

Отладка и тестирование (третье видео)¶

Показан пример с точкой останова (breakpoint) вызвать список объектоа (variables) можно из контекстного меню, или из меню слева. А вторая часть видео о jUnit. Как настроить Services -> Js Test Driver, потом запустить тесты... Все почти так же, как и для java... Рулит клик праваой кнопкой по папке проекта.
К видео есть подробная статья Debugging and Testing JavaScript in an HTML5 Application

Посты чуть ниже также могут вас заинтересовать