Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VuePageNew to Visual Studio Code? Get it now.
VuePage

VuePage

sail

|
106 installs
| (0) | Free
create vue separate component
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue Page

Create separate VUE component, including JS files, less files and VUE files.

How to use

  1. right-click on the project folder, slecect vue page item in the menu.
  2. fill in the component name. for example: hello-world, then press enter key.

this will create a folder named hello-world, and three files in it :

  1. hello-world.js
  2. hello-world.less
  3. hello-world.vue

Optional parameters

there are Optional parameters can be placed after the component name:

  1. --flat, This will not create the folder, but the files will still be created.
  2. --nocss, this will not create less file.
  3. --nojs, this will not create js file.

for example:

hello-world --flat --nocss

Tips: the comment // @vue/Component in the JS file is necessary. Eslint will recognize this object as a VUE component.

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