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

• Provides component snippets inside the <template> block

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

Auto Import and Registration

• Automatically imports and registers Vue components inserted through snippets

Quick Fixes

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

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

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

• Improve auto import and registration of components

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