HBS Master

Инструменты для удобной работы с Handlebars в VS Code.

Возможности

• Автодополнение partials: Умное автодополнение путей для {{> '...'}} с поддержкой навигации по директориям
• Навигация по partials: Переход к файлам партиалов по Ctrl+Click или F12
• Автодополнение параметров: Умное автодополнение параметров компонентов
• Документация при наведении: Показ документации компонентов при наведении курсора
• Подсветка параметров: Выделение параметров в коде
• Подсказки параметров: Signature help для параметров компонентов

Использование

Навигация по партиалам

{{> 'components/button' text="Нажми меня"}}

• Наведите курсор на путь к партиалу
• Нажмите Ctrl+Click (Cmd+Click на Mac) или F12 для перехода к файлу

Документация компонентов

Добавьте HBSDoc комментарии в начало ваших .hbs файлов:

{{!--
    @name Button
    @description Кнопка с настраиваемым текстом и стилем

    @description Текст кнопки
    text: string;

    @description Тип кнопки
    type?: 'button' | 'submit' | 'reset';

    @description Отключить кнопку
    disabled?: boolean;
--}}

<button 
    type="{{type}}"
    {{#if disabled}} 
        disabled
    {{/if}}
>
  {{text}}
</button>

Настройки

• hbsMaster.partialsPath: Путь к папке с партиалами (по умолчанию: "src/partials")
• hbsMaster.enableHoverDocs: Включить показ документации при наведении
• hbsMaster.enableSignatureHelp: Включить подсказки параметров
• hbsMaster.enableParameterHighlight: Включить подсветку параметров

Требования

• VS Code версии 1.101.0 или выше
• Файлы с расширением .hbs должны быть ассоциированы с языком "handlebars"

Известные ограничения

• Поддерживается только синтаксис {{> 'path/to/partial'}}
• Документация должна быть в формате HBSDoc комментариев

История изменений

Ссылка на CHANGELOG.md