Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Vue GeneratorNew to Visual Studio Code? Get it now.
Vue Generator

Vue Generator

adrianthedev

|
5,527 installs
| (0) | Free
Generate VueJS components and views
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue Generator

This package helps you generate components and views for your project. It will try and auto-detect where your App.vue file is and generate the components and views in the proper directories.

Open the commadn pallete and run one of the two commands Generate a new component or Generate a new view.

Requirements

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

Extension Settings

This extension contributes the following settings:

"vueGenerator.useVueExtend": "Use `export default Vue.extend({})` instead of regular `export default {}` for components & views."
"vueGenerator.appFilePath": "Override the location of your App.vue file."
"vueGenerator.vueSyntax": "The type of Vue syntax used."
"vueGenerator.templateLang": "The language used for the `template` element."
"vueGenerator.scriptLang": "The language used for the `script` element."
"vueGenerator.styleLang": "The language used for the `style` element."

Extension Commands

"commands": [
  {
    "command": "vueGenerator.generateComponent",
    "title": "Generate a new component"
  },
  {
    "command": "vueGenerator.generateView",
    "title": "Generate a new view"
  }
]

Release Notes

0.1.0

Initial release

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