Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vue3-initNew to Visual Studio Code? Get it now.
vue3-init

vue3-init

devPatrick

|
336 installs
| (1) | Free
Create Vue 3 Single File Components (SFCs) with just one word.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue3init

This extension helps you quickly set up a Vue 3 SFC (Single File Component) with the script setup, template, and style sections.

Features

  • Quickly initialize a Vue 3 SFC.

Demo

Installation

  1. Open VS Code.
  2. Go to Extensions.
  3. Search for "vue3init".
  4. Click Install.

How to Use

  1. Open a .vue file.
  2. Type vue3init.
  3. Enjoy your new Vue 3 SFC!

Using with TypeScript

  1. Open a .vue file.
  2. Type vue3initts or vue3init-ts.
  3. Enjoy your new Vue 3 (TS) SFC!

Why does the script setup block go at the top?

Evan You explanation

Contributing

Feel free to submit issues or pull requests.

License

MIT

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