Theseus для Brackets v.0.4.15
Форма авторизации
Главная Правка Theseus для Brackets v.0.4.15

Theseus для Brackets v.0.4.15

Tom Lieber
Theseus для Brackets v.0.4.15
Theseus - новый тип отладчик JavaScript для Node.js, Chrome, и другое одновременно. Это расширение для кодового редактора Brackets.

Theseus является частью сотрудничества между User Interface Design Group at MIT CSAIL и Adobe Research.



Особенности
Охват в режиме реального времени: Theseus показывает, сколько раз каждая функция была называемых рядом с его определением. Функции, которые никогда не были называемые также дают серый фон. Вы можете посмотреть подсветку кода пока вы взаимодействуете с веб-страницей.



Ретроактивный осмотр: Нажмите отсчет вызовов, чтобы увидеть значения параметров, возвращаемых значений и любых исключений, которые были брошены из этой функции. Это как добавление console.log без сохранения и перезагрузки.



Асинхронный дерево вызовов: Если вы выберите несколько счетчиков вызовов, все вызовы этих функций показаны в дереве. Когда функции обратного вызова называется, они появляются в дереве под функции, которая их создала, независимо от того, были ли они называют сразу или много тиков позже.



Использование: Отладка JavaScript работает в Node.js


Brackets + Node.js

Запустите программу, запустив node-theseus app.js (вместо node app.js как обычно). Theseus будет автоматически подключаться к этому процессу.
(Вы можете установить node-theseus с npm install -g node-theseus)

Использование: Отладка JavaScript работает в Chrome

Brackets + Chrome

Откройте меню Файл и положить Theseus в режиме для статических файлов HTML:



Тогда открыт HTML файл, запустите режим Brackets' Live Development, нажав на молнию в верхнем правом углу окна:



Ваша страница откроется в Chrome.


Технические детали
Node.js: Файлы с путями, содержащие node_modules не будет инструментом.
Chrome: Файлы с параметром URL theseus=no (например, <script src="script.js?theseus=no" />) Не будет инструментальной.

Любой файл, содержащий (exact) строку /*theseus instrument: false */ не будет инструментом Theseus. Вы также можете использовать опцию --theseus-exclude=filename с node-theseus (который также имеет некоторые другие варианты, которые могут оказаться полезными).


Рекомендации
Рекомендуем после установки расширения, проверить его на обновление более новой версии при помощи МЕНЕДЖЕР РАСШИРЕНИЙ. Если расширение не имеет более нового обновления, значит вы используете последнюю версию.
Установка
Способ 1:
1. Скачать архив расширения
2. Запустить редактор Brackets
3. Распаковать скачанный архив в папку /user/. Как найти папку /user/ ?
    В редакторе Brackets выбираем вкладку ПОМОЩЬ > ПОКАЗАТЬ ДИРЕКТОРИЮ РАСШИРЕНИЙ
4. Распаковываем.
5. После распаковки у вас появится новая папка с названием расширения в директории /user/.
6. Перезапускаем редактор Brackets
7. Радуемся установленному расширению.
Способ 2:
1. Запустить редактор Brackets
2. Переходим во вкладку ФАЙЛ > МЕНЕДЖЕР РАСШИРЕНИЙ
3. В появившемся окне, в поле ПОИСК вводим - Theseus for Brackets
4. Нажимаем УСТАНОВИТЬ.
5. Начнется загрузка и установка расширения.
6. По завершению установки, редактор Brackets перезапустится.
    Если этого не произошло - перезагружаем вручную.
7. Радуемся установленному расширению.
Комментарии к материалу
Всего комментариев: 0

avatar