Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Prototype-AssistantNew to Visual Studio Code? Get it now.
Prototype-Assistant

Prototype-Assistant

Kokusnuss

|
401 installs
| (0) | Free
Assistant for organizing scss, hbs and json file to the opened file from this three you watch.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Prototype-Assistant

Assistant for organizing scss, hbs, js and json files to the opened file you watch.

Features

With this extension you can do:

  • Add handlebars templates with their specific data
  • Delete handlebars templates with their specific data
  • Rename handlebars templates with their specific blockName in all files but not js
  • Add scss files and link them to main.scss
  • Shows all related files (hbs, json, scss, js) in seperate menu to the block file you have opened
  • Auto-Completion with {{> and include= in .hbs-files
  • Go to definition in .hbs-files for partials and data (Ctrl+Click)

Requirements

You must use a special HTML-Prototype or this extension is completely useless for you.

Extension Settings

This extension contributes the following settings:

  • relatedFiles.paths.hbs: configuration for prototypes handelbars templates
  • relatedFiles.paths.json: configuration for prototypes handelbars data
  • relatedFiles.paths.scss: configuration for prototypes styles
  • relatedFiles.paths.js: configuration for prototypes scripts
  • relatedFiles.paths.mainScssLocation: configuration for prototypes main.scss

Project specific settings

I recommend to configure the following in project root folder specific to your project. Screen where you see in a folder named .vscode a file named settings.json with configs

Release Notes

Please have a look at CHANGELOG.md

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft