快速创建vite-vue单页项目

npm  create vite@latest

> npx
> create-vite

✔ Project name: … vue-ant
✔ Select a framework: › Vue
✔ Select a variant: › TypeScript

Scaffolding project in /home/shanjun/workspace/vue-ant...

Done. Now run:

  cd vue-ant
  npm install
  npm run dev

安装依赖

yarn

启动

yarn dev

main.ts:17 [Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

编辑vite.config.ts

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

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      vue: 'vue/dist/vue.esm-bundler.js', // 使用支持模板编译的版本
    },
  }
})