UX-исследователь — практический курс
UX-исследователь — практический курс
Начните карьеру в области UX или структурируйте свои знания с помощью уникального на рынке курса по UX-исследованию
Узнать подробнее
Дебаггинг (Debugging) плагинов Sketch

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

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

 

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

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

Но, как только вы будете готовы представить ваше творение миру и мигрируете на plugin bundle, вы не сможете видеть логии с помощью панели Custom Script.

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

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

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

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

UX-исследователь
UX-исследователь
Станьте UX - исследователем - одним из самых востребованных специалистов в продуктовой команде
Забронировать место

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

Есть документированная фнкция в разделе для разработчиков, которая позволяет планигам делиться кодом друг с другом.

Хотя такое и не рекомендуется. Ваш плагин будет установлен пользователем и/или скопирован на место самим 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”, чтобы сразу увидеть вывод.

Total
0
Shares
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Подробно о плотности пикселей в дизайне интерфейсов
Подробнее

Подробно о плотности пикселей в дизайне мобильных интерфейсов

Пиксельная плотность обозначает количество пикселей, которое вмещается в определенном физическом размере (обычно, это дюйм). На первом Mac-е было 72 пикселя на дюйм - число вроде кажется большим, но на самом деле это были огромные пиксели, под которые еще не каждая графика подойде
Превью-релиз Adobe Experience Design CC
Подробнее

Превью-релиз Adobe Experience Design CC (Project Comet)

От имени создателей я рад поведать вам, что Project Comet стал Adobe Experience Design CC (Preview), или Adobe XD, как мы его называем. Именно сегодня продукт стал доступен для Mac OS, и мы счастливы сделать первый предварительный обзор.
Подробнее

Как нарисовать круговую диаграмму в Sketch с помощью градиентов

Удивительно, довольно легко нарисовать круговую диаграмму в Sketch. На самом деле, вы можете воспользоваться угловыми градиентами (также они называются коническими градиантами в другом приложении).

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share