vue3+vite+Tdesign如何使用tsx语法

Tdesign：TDesign - 开源的企业级设计体系

在tsx中 完全是一个ts文件的写法 

*注意：vite 和 @vitejs/plugin-vue-jsx 版本号 是 一一对应的。

如：vite 4.3.9 版本 对应 @vitejs/plugin-vue-jsx 3.0.1 版本

1.  安装 （默认安装为最新版本）

npm install @vitejs/plugin-vue-jsx -D  

2. 在 tsconfig.json 中 加上

{
  "compilerOptions": { 
    "jsx": "preserve",
  },
  "include": [
    "src/**/*.tsx",
    "src/**/*.jsx",
  ],
}

3. 在 vite.config.ts 中

import vueJsx from '@vitejs/plugin-vue-jsx';

plugins: [
    vueJsx({}),
]

然后就可以正常使用啦~