Дебаггинг (Debugging) плагинов Sketch

Лучший способ просмотра логов

Панель Sketch Custom Script – это игровая площадка для разработчиков и хороший инструмент дебаггинга. В верхней части вы печатаете код, а внизу находится область вывода для вашего кода. Но, как только вы будете готовы представить ваше творение миру и мигрируете на plugin bundle, вы не сможете видеть логии с помощью панели Custom Script.

Дебаггинг с помощью системной консоли

Официальная дебаг-секция для плагинов Sketch описывает процедуру для разработчиков по использованю приложения системной консоли для просмотра логов после миграции на plugin bundle. Проблема использования консольного приложения заключается в его нагроможденности. И хотя есть инструкции, с помощью которых можно фильтровать нужные вещи, все равно для меня работать в нем – большая головная боль.

Поделиться кодом

Есть документированная фнкция в разделе для разработчиков, которая позволяет планигам делиться кодом друг с другом. Хотя такое и не рекомендуется. Ваш плагин будет установлен пользователем и/или скопирован на место самим Sketch, и у вас не будет никаких гарантий, что остальные плагины и файлы в системе будут 100% совместимы с вашим кодом. Изначально такое не рекомендовалось практиковать, но для меня эта опция стала спасительной для решения проблемы с просмотром логов.

Назад в панель Custom Script

Идеальной процедурой будет запуск моего плагина через панель Custom Script, так чтобы я мог видеть логии в области вывода без переключения на System Console. Опция Sharing Code сделала подобное возможным для разработчиков. Вам просто нужно импортировать код плагина в панель:

@import 'yourplugin.sketchplugin/Contents/Sketch/file.js'
your_triggering_method(context);

Реальный пример

Так как у меня в Magic Mirror несколько файлов, мне нужно импортировать все зависимости. Учтите, что мой плагин также гнездится в папке.

Заключение

Эта техника значительно сэкономила время разработки без необходимости постоянно переключаться между Sketch и System Console. Если я делаю какие-то изменения, то просто сохраняю файл в моем текстовом редакторе и нажимаю “Run”, чтобы сразу увидеть вывод.

Перевод статьи James Tang