利用 vite 初始化一个vue3项目实现element-plus以及element-icon页面渲染

利用 vite 初始化一个vue3项目实现element-plus以及element-icon页面渲染

1. vite+vue 项目搭建
1.1初始化项目

npm init vite@latest my-vue-app -- --template vue

1.2 安装依赖

npm install

2.配置路由

npm install vue-router

2.1 配置路由文件 src/router/index.js

// 路由文件
import {
    createRouter, createWebHistory } from "vue-router";

const routes = [
    {
   
      path: '/',
      component:()=>import('../views/Main.vue'),
      children: [
        {
   
          path:'/',
          name: 'home',
          component: () => import('../views/home/Home.vue')
        }
      ] 
    }
]

const router = createRouter({
   
    history: createWebHistory()