Vue3开发小记

1. 通过vite-plugin-vue-setup-extend定义组件的Name

​插件名称：vite-plugin-vue-setup-extend
1、安装

npm i vite-plugin-vue-setup-extend -D

2、配置 ( vite.config.ts )

import { defineConfig } from 'vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
export default defineConfig({
  plugins: [ 
    vue(),
    VueSetupExtend(),
 ]
})

3、使用

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

问题：
在使用 vite-plugin-vue-setup-extend 0.4.0 及以前版本时，会有个问题：如果 script 标签内没有内容，即使给 script 标签添加上 name 属性，其在 vue-devtools 内也不会生效。