Skip to content

lukasborawski/webstorm-vue-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

WebStorm IDE Vue.js new SFC file template


Copy code that you can find below and past it in here.

Preferences ➡️ Editor ➡️ File and Code Templates ➡️ Vue Single File Component

<template>
#[[$END$]]#
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: '${COMPONENT_NAME}',
  inheritAttrs: false,
})
</script>

<script setup lang="ts"></script>

For you personal preference you can add as well styles definition.

<template>
#[[$END$]]#
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: '${COMPONENT_NAME}',
  inheritAttrs: false,
})
</script>

<script setup lang="ts"></script>

<style scoped lang="scss"></style>

More about WebStore IDE you can find here.