Что находится в Вашем наборе инструментальных средств JavaScript? [закрытый]

• IntelliJ IDEA / RubyMine для редактирования.
• Плагины jQuery + из-за их сходства с Ruby
• Используете ли вы какой-либо из языков, которые компилируются в JavaScript (GWT, haxe, Objective-J)?
• JSUnit с Blue Ridge (пакет Rails), но больше полагаться на тесты Selenium
• Нет инструментов качества кода, кроме парного программирования и тестов
• Отлаживайте в основном с помощью Firebug
• Положитесь на сжатие gzip, чтобы уменьшить пространство
• Создайте множество небольших модульных файлов JS
• Используйте направляющие для статического объединения и автоматического включения этих файлов по мере необходимости. Это собственный код, но я писал об этом в блоге. Это позволяет вам сохранять модульность по мере роста разработки
• Создайте довольно много подключаемых модулей jQuery для управления виджетами на сайте

Только что начал использовать RubyMine в качестве IDE JavaScript, исключительно для JavaScript поддержка, что очень хорошо. Это то же самое, что и в IntelliJ IDEA.

Для отладки Firebug является очевидным обязательным элементом, хотя, на мой взгляд, в последнее время он немного снизился. Я предпочитаю использовать ведение журнала в большей степени, чем отладчик, поэтому считаю log4javascript очень полезным (хотя, вероятно, я должен указать, что написал его). Я также иногда использую инспектор WebKit и отладчик IE 8, а также отладчик Visual Studio с более ранними версиями IE.

Для качества кода я использую JSLint вручную, а иногда, поскольку я не согласен с некоторыми его рекомендациями. RubyMine / IntelliJ также имеет массу «инспекций» JS. которые анализируют ваш код по мере того, как вы его пишете, и генерируют предупреждения рядом с вашим кодом, что я считаю полезным.

Я обычно разрабатываю на нескольких страницах разработки, которые включают отдельные, неминифицированные сценарии, и при создании сборки я запускаю сценарий сборки (мой собственный, написанный на Ant), который проверяет мой код из системы управления версиями, объединяет отдельные сценарии, удаляет вызовы журналирования и отладки, минимизирует / сжимает (с помощью JSMin или YUICompressor) код и запускает модульные тесты. Мой сценарий модульного тестирования является моим собственным и в нем нет ничего особенного.

Он работает достаточно хорошо, но не идеально.

написан на Ant), который проверяет мой код из системы контроля версий, объединяет отдельные сценарии, удаляет вызовы журналирования и отладки, минимизирует / сжимает (с помощью JSMin или YUICompressor) код и запускает модульные тесты. Мой сценарий модульного тестирования является моим собственным и не представляет собой ничего особенного.

Он работает достаточно хорошо, но не идеально.

написан на Ant), который проверяет мой код из системы контроля версий, объединяет отдельные сценарии, удаляет вызовы регистрации и отладки, минимизирует / сжимает (с помощью JSMin или YUICompressor) код и запускает модульные тесты. Мой сценарий модульного тестирования является моим собственным и в нем нет ничего особенного.

Он работает достаточно хорошо, но не идеально.

Я еще не написал ничего серьезного в Javascript (около 3000 строк в моем последнем проекте), но я использую JSLint свой код и минимизирую / комбинирую его со всеми библиотеками, которые мне нужны в моем сценарии развертывания / сборки. Мой сценарий сборки также меняет HTML с прямого импорта сценариев и библиотек на импорт производственного сжатого кода. Таким образом, вы не Чтобы увидеть изменения в процессе разработки, необходимо запустить сценарий сборки.

Компрессор YUI работает довольно медленно, особенно с учетом того, что он запускает JVM для работы, но выполняет свою работу. Какая-то минификация в вашем сценарии развертывания необходима для избавления от всех комментариев, и если вы избегаете глобальных переменных, вы также получите значимое сжатие длины имени идентификатора, хотя и не так много пользы после gzip. Возможно, вам понадобится еще один шаг, чтобы удалить строки console.debug и другой код отладки.

Для отладки - FireBug. Я уверен, что с отладчиком webkit тоже все в порядке.

Для разработки: vim с улучшенным скриптом отступа js и ctags с некоторыми модификациями js. Я не уверен, какие преимущества имеет настоящая IDE, но уверен, что они есть. Вим не любит • по умолчанию выделяет синтаксис HTML внутри строк javascript, но очевидно, что его можно настроить на .

JSLint легко запускается в Rhino, но spidermonkey выполняется примерно в 3 раза быстрее, поскольку это не нужно запустить JVM. Крокфорд не поддерживает такую ​​схему, но мне как-то удалось заставить ее работать.

Я использую немного другой технологический стек (asp.net mvc), но вот оно:

• IDE: Visual Studio 2008 + ReSharper, Asp.Net MVC
• Editor : Notepad ++ (большую часть времени я использую VS, но Notepad ++ имеет лучшую подсветку синтаксиса для JavaScript)
• Dev Browser: FireFox + Firebug + YSlow + PageSpeed ​​+ FireCookie Также добавьте панель инструментов разработчика
• . Другие браузеры: IE8, Chrome 3, Safari, Opera (редко используются), а также IE6 и IE7 через виртуальные машины (бесплатно загружаемые образы виртуальных ПК от Microsoft).
• Постобработка: JLint и YUI Компрессор. У меня есть задача сборки, выполняющая часть компрессора YUI.
• JavaScript Framework: JQuery + JQuery UI
• Другие вещи: JQuery Validation, JSON2

Google wave работает на GWT , поэтому кажется хорошим вариантом для больших приложений.

• Редактор: Блокнот или любой другой текст редактор с подсветкой синтаксиса

• IDE: может быть Dreamweaver, Aptana, Netbeans - до вашего личного предпочтение.

• Javascript Framework: я больше привык в jQuery, и я все еще рекомендую jQuery.
  вы можете изучить возможность добавления некоторых «плагинов» к jQuery. некоторые действительно крутые. например Facebox ( http://famspam.com/facebox ) - всплывающее окно, похожее на jQuery и Facebook, которое легко использовать. или плагин jQuery Cookie

• Отладка: Firebug (FireCookie, Page Speed, YSlow) - без интеграции с IDE, но это волшебство в браузере. Если вам нужна кроссбраузерная отладка, вы можно использовать Firebug Lite.

  Вы можете легко использовать console.log () для отладки вместо предупреждений (особенно когда вы делаете javascript с большим количеством обратных вызовов, таймеров, AJAX и т. д. Вам не нужны предупреждения

• Постобработка: Packer - http://dean.edwards.name/packer/

На момент задания этого вопроса компилятор закрытия Google не участвовал в соревновании.
Это действительно хороший инструмент, который минимизирует JavaScript лучше, чем многие другие. Вы можете запустить его со скоростью страниц для анализа существующих веб-сайтов. В него встроено множество других функций, таких как обнаружение мертвого кода, ссылок и т. Д.

Я использую Dashcode для разработки виджетов для Mac, и для этого он "нормальный" и имеет множество функций, ориентированных на виджеты, но для всего остального - TextMate