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
| |