Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Vue IntellisenseNew to Visual Studio Code? Get it now.
Vue Intellisense

Vue Intellisense

Dayan Rey

|
91 installs
| (0) | Free
Intellisense for Vue Single-File Components (SFCs)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue Intellisense

Vue Intellisense is a powerful Visual Studio Code extension that provides dynamic snippets and quick actions for Vue Single File Components (SFCs). Enhance your Vue 3 development workflow with context-aware completions, auto-imports, and formatting quick fixes.

Features

Dynamic Snippets for Vue SFCs

  • Provides script, template, and style snippets

Dynamic Snippets

  • Provides component snippets inside the <template> block

Dynamic Snippets

  • Provides props, emits and slots snippets inside the <script setup> block

Dynamic Snippets

Auto Import and Registration

  • Automatically imports and registers Vue components inserted through snippets

Auto Import

Quick Fixes

  • Format multi-attribute elements of the <template> block as multi-line

Quick Fixes

  • Format empty elements of the <template> block as self-closing

Quick Fixes

Requirements

To get the best experience from this extension, we recommend installing the following tool:

  • Vue - Official

While not strictly required, it will significantly improve your workflow.

Extension Settings

This extension contributes the following settings:

  • vue-intellisense.SFC.api

    • Description: The preferred API Style to use with your Single-File Components (SFCs)
    • Type: string
    • Values: Composition API, Options API
    • Default: Composition API
  • vue-intellisense.SFC.useScriptSetup

    • Description: Use <script setup> block in your SFC. Only applies with Composition API
    • Type: boolean
    • Default: true
  • vue-intellisense.SFC.preprocessors.script

    • Description: The preferred language pre-processor to use with the script blocks
    • Type: string
    • Values: none, ts
    • Default: ts
  • vue-intellisense.SFC.preprocessors.template

    • Description: The preferred language pre-processor to use with the template block
    • Type: string
    • Values: none, pug
    • Default: none
  • vue-intellisense.SFC.preprocessors.style

    • Description: The preferred language pre-processor to use with the style blocks
    • Type: string
    • Values: none, less, postcss, sass, scss, stylus
    • Default: none

These settings are designed to enhance your development experience by providing more accurate and context-aware snippets.

Release Notes

0.0.1

  • Initial release

Contributing

Contributions are welcome and encouraged

  • Found a bug? Open an issue
  • Have an idea or improvement? Create a pull request

License

MIT © Dayan Rey

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