使用@指向src路径可以方便开发者移动文件时，不会出现不必要的错误。

1.找到文件vite.config.js

2.写入以下配置即可

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";
const pathResolve = (dir) => resolve(__dirname, dir);

export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      "@": pathResolve("./src"), // 新增
    },
  },

})

3.配置完毕直接在文件中导入即可

import TopBar from '@/components/TopBar.vue';