A VS Code extension to provide intellisense and code completion suggestions for KatApp Framework features when editing .kaml
files. To get full syntax highlighting within the KatApp/Vue directives, the Vue Language Features (Volar) extension is suggested.
- Hovering over known KatApp and Vue directives providing more context help and links to additionall documentation.
- Code completion for
v-ka-*
andv-*
attributes on HTML elements.
- Code completion for properties of
v-ka-*
directive models (samples of a few of the many supported features below).
v-ka-resource Model Suggestions
- Download the extension.
- Install the extension by pressing
CTRL+SHIFT+P
to bring up VS Code command pallette. TypeVSIX
and chooseExtensions: Install from VSIX...
.
- Browse to the
VS.Code.Intellisense.KatApp.vsix
location and select it. - Open a
.kaml
file and enjoy.
- Code completion suggestions are enabled when inside 'property values' (i.e. name: '{typing in here will bring up suggestions}')
- No completion suggestions are enabled when inside an 'array' of known objects (i.e. v-ka-input-group.helps).
- Snippets for v-ka-* that inject div with attribute and default settings to start
- Template Detection - When assigning a template, get a list of known templates and allow for choosing from known list.
- Single vs Array of Objects - When inside properties that can be array (use ts.isArrayLiteralExpression(propertyInitializer)) or single 'known object', propmt the correct intellisense (i.e. v-ka-input-group.helps - should be able to prompt for help object properties correctly)
v-ka-*
Model property hover - When hovering over a known property of the model, have intellisense popup.- Template Navigation - All for 'go to definition' on a template name.
- Scope Intellisense - When working with a v-ka-* 'scope', able to make intellisense popup?
- How to tell which scope 'type' is in use?
- How to detect when suggestions should be made (i.e. pop up on any 'expression item' (:attr=""))?
- When inside a v-for, able make scope work?
Enjoy!