1

I am searching for a way when creating new Vue.js files to pass automatically the name attribute.

For example, when I create a new Vue file with name Test.vue, to generate this automatically:

<template></template>

<script>
export default {
    name: 'Test',
};
</script>

<style></style>

To add the name attribute based on the file name creation. Is there any automated way in order to stop adding this manually every time I create Vue file?

Thanks!

LastM4N
  • 1,890
  • 1
  • 16
  • 22

1 Answers1

1

I would suggest you take a look at this: Custom snippets in VS Code. I do not know a way how to invoke a script on creation of a file, but you could choose a keybinding like "default" which would create a snippet as you wish.

To my knowledge, it would even be possible to set where the cursor will end up, so that you would still have to type the filename manually, but it would immensely speed up your workflow.

You may find more information on this StackOverflow post, or take a look at the VS Code documentation to this topic

STh
  • 746
  • 9
  • 24
  • These are nice ideas and this can be achieved in a limited extend without fully automating. From the examples I find you can pass the name attribute but not predefined and you have to write it every time still – LastM4N Apr 18 '22 at 16:25