webstrom配置vue3模板

1.选择文件->设置

2.选择实事模板

 3.点击加号选择动态模板

 4.如图步骤

正常模板

<template>
  <div></div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  setup() {
    return {}
  }
})
</script>

<style scoped></style>

 附上模板，语法糖模式

<template>
</template>

<script lang="ts" setup>

</script>

<style scoped></style>