Что в JavaScript-инструментов?

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

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

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

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

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

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

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

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

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

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

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

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

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

• IDE: Visual Studio 2008 + ReSharper, Asp.Net MVC
• редактор: 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, JSON2

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

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

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

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

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

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

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

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

веб-технология немного продвинулась, поэтому я подумал, что упомяну некоторые хорошие современные инструменты и рамки для тех, кто видит этот вопрос в 2017 году.

какой редактор и редактор плагинов / режимов / скриптов вы используете?

Атом это мой текстовый редактор по выбору, и поскольку я нахожусь в экосистеме MS, Visual Studio 2013-это IDE, которую я использую, хотя я избегаю VS для разработки JavaScript. Я делаю практически всю свою разработку JavaScript исключительно с помощью Atom wherever Но я могу.

У меня есть несколько плагинов, которые помогают моей работе.

• атом-украсить который я использую, чтобы очистить любые проблемы стиля я мог бы представьте, он делает это на сохранение, так что делает вещи легко для меня, как я сохранить и регистрация часто.
• atom-easy-jsdoc что позволяет мне вставлять комментарии с помощью jsdoc горячая клавиша комбо, это здорово, как это позволяет мне автоматически генерировать документация для кода, особенно полезная для Разработка API.
• atom-ternjs это пакет, который я использую для завершения кода JavaScript, I не нужно это часто, но это удобно иметь.
• миникарте это плагин, который позволяет мне видеть низкую детализацию контура всех код в конкретном документе, я считаю, что это проще в использовании, чем полоса прокрутки. МММ.
• пигменты это плагин, который отображает цвета, когда он обнаруживает шестнадцатеричные цвета в CSS за текстом. Полезно, если вы нужно настроить и посмотреть результат быстро.

вы используете какой-либо IDE (Aptana, Dashcode или тому подобное)?

см. выше :)

какие библиотеки JavaScript или фреймворки вы используете?

Я обычно использую RequireJS для домашних проектов и загрузчик внутренних модулей на работе. Обычно я не использую библиотеки и фреймворки в своих проектах, хотя когда я это делаю, я довольно неравнодушен к AngularJS (1.икс.) Все это зависит от того, что я делаю.

вы используете любой из языков, которые компилируются в JavaScript (GWT, haxe, Цель-Джей)?

Неа.

какие платформы модульного тестирования вы используете? Как вы их вызываете? Могут ли они вызывается из вашего редактора / IDE, из командной строки, из браузер на веб-странице, из вашего отладчика JavaScript?

Я использую узел.js С карма тестов как тест бегун (кто бы мог подумать?),Жасмин как мой тестовый фреймворк и sinonJS как моя библиотека stubbing/mocking для разработки тестов.

карма может быть настроена для просмотра файловой системы для изменений (или бегун задачи, как grunt с плагинами для просмотра файлов тоже работает), и я выполняю все свои тесты каждый раз, когда файл сохраняется. Он имеет дополнительное преимущество в том, чтобы иметь возможность запускать тесты против нескольких браузеров одновременно. Так что он будет тестировать JS против IE, Edge, Chrome, Firefox, PhantomJS и др... Что чрезвычайно полезно.

У меня есть настройки проектов js для запуска задач grunt. Обычно я просто выполняю "grunt devmode" из командной строки / терминала, и все, мои тесты выполняются. Для непрерывной интеграции при фиксации у меня есть отдельная задача grunt, которая выполняет тесты только один раз. Для домашнего использования у меня есть TravisCI запустить эту задачу всякий раз, когда происходит толчок.

какие другие инструменты качества кода Вы используете (JSlint, инструменты покрытия кода, или что-нибудь в этом роде)?

Я использую JSHint, поскольку он менее разборчив, чем JSLint. Для покрытия кода я использую Istanbul, который, кстати, работает всякий раз, когда мои модульные тесты выполняются, что очень полезно.

Что вы используете для своей среды отладки (Firebug, WebKit инспектор и т. д.)? Имеет ли он какую-либо интеграцию с вашим редактором или IDE?

Я использую любой веб-браузер возникли проблемы. Если это серверная сторона, например узел, я использую узел-отладчик как я могу отлаживать прямо из атома.

какую постобработку вы выполняете в своем коде перед его развертыванием (обфускаторы, минификаторы, любые виды оптимизаторов)?

Я вообще не делаю этого, что говорит для веб-проектов идеально минифер и уродливее.

есть ли у вас какие-либо инструменты для управления зависимостями модулей или динамическая загрузка кода по мере необходимости? Приложение, которое я пишу будет работа с большим количеством кода, и я хотел бы сохранить время загрузки вниз, поэтому инструменты для отслеживания того, какие модули необходимы или загрузка кода по требованию было бы полезно.

Ага! Я использую RequireJS реализация AMD. Я использую npm как мой менеджер пакетов выбора, хотя если я использую Visual Studio, я буду использовать nuget.

есть ли другие важные инструменты в вашей цепочке инструментов (которые являются определенных в JavaScript разработка для браузерных приложений; I уже есть совершенно хорошая система контроля версий, баг-трекер, и т. д.)?

Не совсем уверен, что понимаю вопрос, но я использую Git для домашних проектов и TFS на работе, GitHub в качестве моего хоста РЕПО, TravisCI для непрерывной интеграции и комбинезонов (репортер покрытия кода для репозиториев Git).