Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Vona SupportNew to Visual Studio Code? Get it now.
Vona Support

Vona Support

Maze Winther

|
8 installs
| (0) | Free
Support for Vona file extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vona Support

Vona Support is a Visual Studio Code extension that provides support for .vona files. This extension includes syntax highlighting, snippets, and auto-completion for custom components in Vona files.

Features

  • Syntax Highlighting: Provides syntax highlighting for .vona files, including JavaScript within <script> tags.
  • Snippets: Includes snippets for quickly creating common Vona structures.
  • Auto-completion: Auto-completes custom components defined in the src/components directory and automatically adds import statements.

Snippets

Boilerplate

Type ! to create a basic Vona component structure.

<template>
    <div>
        Hello, Vona!
    </div>
</template>

<script>
export default {
    data() {
        return {};
    }
};
</script>

### Template
Type `template` to create a template section.
```vona
<template>
    $0
</template>

Script

Type script to create a script section.

Auto-completion

  • Custom components defined in src/components are auto-completed within tags.lic
  • When a component is selected from auto-completion, an import statement is automatically added to the
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft