• 参考网站
• 快速上手 | Vue.js (vuejs.org)
• 安装 | Element Plus (element-plus.org)
• Vite | 下一代的前端工具链 (vitejs.dev)
• Vue3实战(05)-教你快速搭建Vue3工程化项目 – 知乎 (zhihu.com)
• Element Plus Vite Starter (element-plus.org)
• 黑马前端Vue3项目大事件后台管理系统实战开发，涵盖compositionAPI、Pinia持久化处理、Element Plus、pnpm包管理升级等_哔哩哔哩_bilibili (主要参考)

以下内容未整理

1、创建工程

1、首先初始化一个Vite项目

# npm
npm create vue
# pnpm 
npm install -g pnpm
pnpm create vue

随后输入你的项目名称（Project name）
包名称 (Package name):
是否添加TS (Add typeScript):
是否添加JSX (Add JSX Support):
是否添加Router (Add Vue Router for Single Page Application development):
是否添加Pinia (Add Pinia for state managemen)t:
是否添加单元测试 (Add Vitest for Unit Testing):
是否添加测试的解决方案 (Add an End-to-End Testing Solution):
是否添加ESList(代码规范) (Add ESLint for code quality):
是否添加Prettier(美化代码) (Add Prettier for code formatting):

至此，框架已完成一部分

下面导入ElementPlus

安装 | Element Plus (element-plus.org)

# 选择一个你喜欢的包管理器

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

其他问题

# 升级pnpm
npm install -g pnpm@latest
# 查看版本
pnpm --version

按需导入

首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件

npm install -D unplugin-vue-components unplugin-auto-import

然后把下列代码插入到你的 Vite 的配置文件中

vite

// vite.config.js
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  base: '/',
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

接下来按照一些插件

# sass
pnpm add sass -D
# axios
pnpm add axios

以下是引入Bootcss

• 下载 Bootstrap · Bootstrap v5 中文文档 v5.3 | Bootstrap 中文网 (bootcss.com)
• Vue 项目中如何使用Bootstrap5（简单易懂）_vue bootstrap5-CSDN博客