Я попробовал несколько IDE для XUL, но это или "монстры" с большим количеством ненужного мне функционала, либо проекты, находящиеся на ранней стадии разработки. Для себя я определил необходимый минимальный перечень функций, которыми должна обладать IDE для XUL:

Обязательные требования:

• Подсветка кода (XML, CSS, Javascript)
• Автодополнение кода (XUL, CSS, Javascript; XPCOM - весьма желательно)
• Инспектор кода (как в Zend Studio)

Необязательные требования:

• Сборка XUL-проекта в .xpi-файл. Было бы неплохо иметь в IDE сборщик разрабатываемого дополнения.

Во время разработки дополнений к Firefox я пользуюсь советами для динамической разработки расширений Firefox. В тех IDE, которые я видел, процесс разработки расширений такой:

1. Создание проекта "Firefox extension"
2. Написание кода
3. Сборка расширения и вставка его в Firefox
4. Просмотр работы расширения в Firefox
5. Исправление ошибок и повторение пунктов 3-5 (отладка приложения)

Такой процесс отнимает много времени и очень утомителен. Если использовать "динамическую разработку" процесс написания расширения выглядит так:

1. Создание файлов и каталогов для расширения(chrome, install.rdf и т.д.)
2. Написание кода
3. Перезагрузка CHROME в Firefox
4. Просмотр работы расширения в Firefox
5. Исправление ошибок и повторение пунктов 3-5 (отладка приложения)

Процесс разработки и отладки значительно ускоряется.

В ходе поисков я наткнулся на небольшое приложение, которое почти полностью подходит для моих нужд. Это - Spket, построенный на платформе Eclipse.

Spket IDE is powerful toolkit for JavaScript and XML development. The powerful editor for JavaScript, XUL/XBL and Yahoo! Widget development. The JavaScript editor provides features like code completion, syntax highlighting and content outline that helps developers productively create efficient JavaScript code.

У Spket есть инспектор кода, автодополнение Javascript (включая XPCOM), сворачивание кода, шаблоны участков кода и другие полезные функции. Он, однако, не подсвечивает CSS-код и требует небольшой настройки для поддержки автодополнения XUL-кода.

Spket может использоваться как плагин к платформе Eclipse, так и как независимое приложение.

Нам необходимо сделать следующее:

• Добавить автодополнение XUL (В дистрибутиве Spket не включены грамматики XUL)
• Добавить подсветку CSS

Приступим к сборке нашей IDE для XUL.

1. Скачайте и установите standalone Spket. Не запускайте его пока.
2. Скачайте XUL schema, распакуйте и скопируйте *.xsd-файлы ы каталог {INST_DIR}\plugins\com.spket.grammars\mozilla\
3. Скачайте ServerEclipse, распакуйте и скопируйте каталоги features, plugins в {INST_DIR}

Конфигурирование Spket.

Плагин ServerEclipse устанавливает свои собственные текстовые редакторы для XML-файлов. Если необходимо восстановить встроенные в Spket редакторы проделайте следующее:

1. Откройте Window->Preferences. В появившемся окне выберите General->Editors->File Associations
2. Выберите тип файлов ".xml" и установите "Spket XML Editor" как редактор по-умолчанию в панели "Associated editors"
3. Выберите тип файлов ".xsd" и установите "Spket XSD Editor" как редактор по-умолчанию в панели "Associated editors"
4. Выберите тип файлов ".dtd" и установите "Spket DTD Editor" как редактор по-умолчанию в панели "Associated editors"

Итак, что же мы получили в результате (исключая встроенные в Spket функции):

• Подсветка CSS
• Подсветка HTML
• Автодополнение для XUL

Замечание: Сборщик .xpi-файлов появится в одной из следующих версий Spket. А пока расширения для Firefox можно собирать с помощью консольных скриптов или вручную.

Это сообщение было оставлено 21/09/2007 в 4:39 pm в категории xul, tips.