项目创建和架构

主题

• 项目创建
• 代码规范
• 文档系统
• 样式体系

  创建支持tsx的Vue3项目

  可以用vite首先创建一个支持ts的项目

  yarn create vite

  选择vue + ts即可。
  在Vite项目中引入JSX，我们可以通过@vitejs/plugin-vue-jsx插件实现，首先安装它：

  yarn add @vitejs/plugin-vue-jsx -D

  配置一下该插件，vite.config.ts： ``` // vite.config.js import vueJsx from ‘@vitejs/plugin-vue-jsx’

export default { plugins: [ // … vueJsx({ // options are passed on to @vue/babel-plugin-jsx }) ] }

测试一下，components/Test.tsx

export default () =>