如何设置使vue3.0+vite+ts 项目中允许使用js和vue2

在Vue3.0 + Vite + TypeScript 项目中使用 Vue2 和 JavaScript 是可以的，只需进行以下设置：

1. 在 `tsconfig.json` 中添加以下配置：

{
  "compilerOptions": {
    "allowJs": true,
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "esModuleInterop": true,
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
  ],
  "exclude": [
    "node_modules"
  ]
}

其中，`allowJs` 设置为 `true` 允许在项目中使用 JavaScript 文件。

2. 在 `vite.config.js` 中添加以下配置：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  optimizeDeps: {
    include: [
      'vue',
      'vue-router',
      '@vueuse/core'
    ],
    exclude: [
      'vue-demi'
    ]
  },
  server: {
    host: 'localhost',
    port: 8080
  }
})

其中，`resolve.alias` 可以设置别名，以方便在项目中引用 Vue2 的组件和文件。

3. 在 `main.ts` 中添加以下代码：

import Vue from 'vue'
import Vue2 from 'vue2'

Vue.use(Vue2)

createApp(App).mount('#app')

这样就可以在 Vue3.0 + Vite + TypeScript 项目中使用 Vue2 和 JavaScript 了。