Плагин для vs code - Quokka.js
22 июня 2023 г.
Quokka.js - это расширение в vs code, которое позволяет видеть данные, выводимые в консоль, сразу в редакторе и отслеживать ошибки.
Документация понятна и проиллюстрирована примерами. Приведу лишь часть функционала для общего понимания того, что делает плагин.
Документация: https://quokkajs.com/docs/index.html
Если в документе встречается синтаксис не поддерживаемый бесплатной версией, например, import, то плагин не работает.
Чтобы создать новый файл с quokka нажмите Ctrl/Cmd + Shift + P и выберите команду New JavaScript File. Для запуска в созданном файле start on current file.
Горячие клавиши:
Создать новый файл javaScript - Cmd/Ctrl + K, J
Создать новый файл typescript - Cmd/Ctrl + K, T
Запуск в созданном файле - Cmd/Ctrl + K, Q.
Часть функционала:
1) Может отображать содержимое переменной сразу в файле


2) Получаем быстрый ответ об ошибке, если где-то совершили опечатку или не указали переменную.


3) Мы можем видеть все, что выводим в console через в wallaby tools

4) Передвигаться по коду в автоматическом режиме и смотреть значения в реальном времени, без вывода в консоль, просто выделив нужный участок кода.
Time mashine https://quokkajs.com/docs/#debugger
5) Можно поделиться своим кодом с другими - https://quokkajs.com/docs/#debugger
Pro версия гораздо шире. Весь функционал можно изучить на сайте quokkajs.
Quokkajs можно настраивать как через глобальный config file, так и локально в проекте.
Как можно настроить конфигурацию и какие есть варианты можно посмотреть здесь: https://quokkajs.com/docs/configuration.html