Уже более чем пол года наша команда постоянно работает с JavaScript (библиотека ExtJS), который используется вместе с ASP.NET для слоя отображения. За это время мы перебрали большое количество инструментов, с помощью которых пытались сделать свою работу наиболее комфортной. Сейчас мы собрали приближенное к нашим потребностям рабочее место. О нем подробнее.
![Spket IDE](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxw5pX4Da0Nx3r28nV_us6ASEAtSZ4O0D_cbbWg42kft3srw9OHClRpsxR1psG6Maq7UKz9ufAISJudHKjZEhFT53ncUQMKaLJbPueTtG3Erl7jz-JfmH4aywHBvhzdJ0VD36ku4dmDOz0/s320/spket.png)
Spket IDE
Spket IDE - это отличный инструмент для разработки на JavaScript. Поддержка автоподстановки, распознавание типов, форматирование кода и многое другое. У него есть встроенная поддержка ExtJS, jQuery, YUI и других. К сожалению, в нем нет функций рефаторинга.
Использовать Spket IDE в качестве отдельной программы будет как минимум неправильно. Наибольшую отдачу можно получить, если установить Spket IDE в качестве дополнения к Eclipse.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN2nLb2gvXlbMhgHcwxdzq667zZ0zcepfJzZyIDm42uP6J7ueYXI-HW1_UFNZ6YX863n81gDvhxOLVpDILRtYtfGqI1VepeLAD1KLM2QCLVVX7p01nDukpLwrqlZVJF532KXCBKj09yiaL/s320/eclipse.png)
Eclipse
Хорошая среда разработки, но для языка JavaScript сама по себе не полезнее Visual Studio. Все меняется после установки дополнения Spket IDE. Эти два инструмента восполняют недостатки друг друга и на выходе мы получаем полноценную студию для JavaScript.
И все же для нашей рабочей среды не хватает еще нескольких вещей.
Интеграция с SVN
Для наших проектов в качестве системы контроля версий мы используем SVN. Для Visual Studio есть отличное дополнение, которое позволяет оставаться в окне студии и при этом работать с хранилищем SVN - это программа VisualSVN. К счастью, для Eclipse мы нашли дополнение subclipse, которое помогает нам работать с хранилищем кода, оставаясь в окне студии.
Модульное тестирование
JavaScript - это тоже программный код и его тоже надо тестировать. Причем хочется, чтобы тестирование проходило в стиле TDD с постоянным запуском модульных тестов. Это особенно актуально для динамического языка JavaScript, в котором программист не может скомпилировать код.
Попробовав несколько библиотек, мы пришли к выводу, что самой удобной и наиболее продвинутой является YUI Test. Эта библиотека обладает большим набором различных утверждений на все случаи жизни. Тесты запускаются прямо в браузере. Это дает возможность проверить их работоспособность в различных версиях браузеров.
Автоматизация
Всегда хочется автоматизировать рутинные действия такие, как открывание браузера и набирание строки адреса до страницы с тестами. К счастью, в Eclipse есть все, что нужно для ускорения этого процесса. Все, что нам надо, это настроить запуск браузера с нужными параметрами. В меню настроек "External Tools" указываем запускать браузер (или открывать новую закладку) на странице с нашими тестами.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqj7syDTUY8r-jhhOkagSugx4GS5xjz0ZBNuc7rPPK3VGskw7fGfYwWQUunJenzZOOwVB4uRZe_R62a5ph1aixkaHrx8wY29ZSvePKM21gXVaWMcPBf6qi_9sDIjZMGiQPfDXHw68Ed0s_/s400/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0.png)
Теперь для запуска всех тестов нам надо сделать один щелчок мышкой.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3WiIPbZ5C5Y9nLh0TTpeAXNkFg9BuiiFhwsJVKfMawRvaRj5UIts0bIcJFCA3OVevlAejM8aSkDBu7u9Nw3u0X6NfpK8HVxD_5DQoX6BtdocWkUClTtCej1TKysIEXPacHhIjmnGPrbp/s400/%D0%B7%D0%B0%D0%BF%D1%83%D1%81%D0%BA.png)
На этот раз все написанные тесты прошли успешно. Можно спокойно продолжать писать код ;)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWTQnqJdR6dCCnRggl72lWWsY_ZlReLhZSnn-38pCq4EDs_mhPNs2jiZUeIk1R6CfeDGm4PHopDdB_edGGB0r-89xUwLMXAjafurKVJSg7HHbHjKDxB7IETvXIWQEYEPfLUiaDRIVqYQyT/s400/%D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82.png)
Результат
Итак, рецепт рабочего места JavaScript программиста:
Получается дешево (точнее бесплатно) и сердито!
Комментариев нет:
Отправить комментарий