Vite 搭建 Vue3 项目全过程

使用 Vite 搭建 Vue3 过程，并进行配置，推荐使用 yarn 进行依赖管理

第一步：用 vite 搭建项目

yarn create @vitejs/app my-vue-app --template vue
cd my-vue-app   // 打开项目目录

第二步：安装必要的依赖

安装 vue-router4

yarn add vue-router@4

安装 vuex

yarn add vuex@next

安装  element-plus UI

yarn add element-plus

第三步：配置 vite.config.js 别名

import vue from '@vitejs/plugin-vue'
import path from 'path'
export default {
    plugins: [vue()],
    resolve: {
        alias: {
            '@': path.resolve(__dirname, './src')
        }  
    }
}

第四步：运行项目

yarn dev