初始化项目

Vite配置

  1.   server: {
  2.     host: '0.0.0.0',
  3.     port: 8080,
  4.     open: true
  5.   },

Vite配置别名

yarn add @types/node --save-dev

resolve: {    
    alias: [
      {
        find: '@',
        replacement: resolve(__dirname, 'src')
      },
      {
        find: '@comps',
        replacement: resolve(__dirname, '@/components')
      },
      {
        find: '@styles',
        replacement: resolve(__dirname, '@/styles')
      },
      {
        find: '@plugins',
        replacement: resolve(__dirname, '@/plugins')
      },
      {
        find: '@views',
        replacement: resolve(__dirname, '@/views')
      },
      {
        find: '@layouts',
        replacement: resolve(__dirname, '@/layouts')
      },
      {
        find: '@utils',
        replacement: resolve(__dirname, '@/utils')
      },
      {
        find: '@apis',
        replacement: resolve(__dirname, '@/apis')
      },
      {
        find: '@dirs',
        replacement: resolve(__dirname, '@/dirs')
      }
    ]

安装路由

yarn add vue-router@4

新建路由文件夹

src/router